diff --git a/package-lock.json b/package-lock.json
index 0f81f4e..d1bb710 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1006,6 +1006,22 @@
         "@babel/helper-plugin-utils": "^7.12.13"
       }
     },
+    "@babel/polyfill": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npm.taobao.org/@babel/polyfill/download/@babel/polyfill-7.12.1.tgz",
+      "integrity": "sha1-Hy1jcdEmG72WHzxdWQkVDhLQvZY=",
+      "requires": {
+        "core-js": "^2.6.5",
+        "regenerator-runtime": "^0.13.4"
+      },
+      "dependencies": {
+        "core-js": {
+          "version": "2.6.12",
+          "resolved": "https://registry.nlark.com/core-js/download/core-js-2.6.12.tgz?cache=0&sync_timestamp=1624966050136&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcore-js%2Fdownload%2Fcore-js-2.6.12.tgz",
+          "integrity": "sha1-2TM9+nsGXjR8xWgiGdb2kIWcwuw="
+        }
+      }
+    },
     "@babel/preset-env": {
       "version": "7.14.1",
       "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.14.1.tgz",
@@ -1202,6 +1218,94 @@
       "resolved": "https://registry.npmjs.org/@csstools/normalize.css/-/normalize.css-10.1.0.tgz",
       "integrity": "sha512-ij4wRiunFfaJxjB0BdrYHIH8FxBJpOwNPhhAcunlmPdXudL1WQV1qoP9un6JsEBAgQH+7UXyyjh0g7jTxXK6tg=="
     },
+    "@emotion/cache": {
+      "version": "10.0.29",
+      "resolved": "https://registry.nlark.com/@emotion/cache/download/@emotion/cache-10.0.29.tgz",
+      "integrity": "sha1-h+fmT0EsBgEC1Yn+fG3AQub50eA=",
+      "requires": {
+        "@emotion/sheet": "0.9.4",
+        "@emotion/stylis": "0.8.5",
+        "@emotion/utils": "0.11.3",
+        "@emotion/weak-memoize": "0.2.5"
+      }
+    },
+    "@emotion/core": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npm.taobao.org/@emotion/core/download/@emotion/core-10.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40emotion%2Fcore%2Fdownload%2F%40emotion%2Fcore-10.1.1.tgz",
+      "integrity": "sha1-yVbBNl8vJIGWAGS8uMRzLl+2EsM=",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "@emotion/cache": "^10.0.27",
+        "@emotion/css": "^10.0.27",
+        "@emotion/serialize": "^0.11.15",
+        "@emotion/sheet": "0.9.4",
+        "@emotion/utils": "0.11.3"
+      }
+    },
+    "@emotion/css": {
+      "version": "10.0.27",
+      "resolved": "https://registry.npm.taobao.org/@emotion/css/download/@emotion/css-10.0.27.tgz",
+      "integrity": "sha1-OnRYGY+767U7AbK4f2Tl4hJB4Uw=",
+      "requires": {
+        "@emotion/serialize": "^0.11.15",
+        "@emotion/utils": "0.11.3",
+        "babel-plugin-emotion": "^10.0.27"
+      }
+    },
+    "@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npm.taobao.org/@emotion/hash/download/@emotion/hash-0.8.0.tgz",
+      "integrity": "sha1-u7/2iXj+/b5ozLUzvIy+HRr7VBM="
+    },
+    "@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npm.taobao.org/@emotion/memoize/download/@emotion/memoize-0.7.4.tgz",
+      "integrity": "sha1-Gb8PWvGRSREcQNmLsM+CEZ9dnus="
+    },
+    "@emotion/serialize": {
+      "version": "0.11.16",
+      "resolved": "https://registry.npm.taobao.org/@emotion/serialize/download/@emotion/serialize-0.11.16.tgz",
+      "integrity": "sha1-3uBfnpatL7JaUga211my0e0zea0=",
+      "requires": {
+        "@emotion/hash": "0.8.0",
+        "@emotion/memoize": "0.7.4",
+        "@emotion/unitless": "0.7.5",
+        "@emotion/utils": "0.11.3",
+        "csstype": "^2.5.7"
+      },
+      "dependencies": {
+        "csstype": {
+          "version": "2.6.17",
+          "resolved": "https://registry.nlark.com/csstype/download/csstype-2.6.17.tgz",
+          "integrity": "sha1-TPMOuH4dGgBdi2UQ+VKSQT9qHA4="
+        }
+      }
+    },
+    "@emotion/sheet": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npm.taobao.org/@emotion/sheet/download/@emotion/sheet-0.9.4.tgz",
+      "integrity": "sha1-iUN0vqOeww9Im7/DQ4GSuXdNMuU="
+    },
+    "@emotion/stylis": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npm.taobao.org/@emotion/stylis/download/@emotion/stylis-0.8.5.tgz?cache=0&sync_timestamp=1577056415075&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40emotion%2Fstylis%2Fdownload%2F%40emotion%2Fstylis-0.8.5.tgz",
+      "integrity": "sha1-3qyzib1u530ef8rMzp4WxcfnjgQ="
+    },
+    "@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npm.taobao.org/@emotion/unitless/download/@emotion/unitless-0.7.5.tgz",
+      "integrity": "sha1-dyESkcGQCnALinjPr9oxYNdpSe0="
+    },
+    "@emotion/utils": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npm.taobao.org/@emotion/utils/download/@emotion/utils-0.11.3.tgz",
+      "integrity": "sha1-p1mGOGe++n5YNADTImUqP0SCCSQ="
+    },
+    "@emotion/weak-memoize": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npm.taobao.org/@emotion/weak-memoize/download/@emotion/weak-memoize-0.2.5.tgz",
+      "integrity": "sha1-ju2YLi7m9/TkTCU+EpYpgHke/UY="
+    },
     "@eslint/eslintrc": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.0.tgz",
@@ -1844,6 +1948,128 @@
         }
       }
     },
+    "@okta/okta-auth-js": {
+      "version": "5.2.1",
+      "resolved": "https://registry.nlark.com/@okta/okta-auth-js/download/@okta/okta-auth-js-5.2.1.tgz",
+      "integrity": "sha1-n9e8uHHFNdqmpz5jhRVDEp4u5I0=",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@okta/okta-idx-js": "0.18.0",
+        "@peculiar/webcrypto": "1.1.6",
+        "Base64": "1.1.0",
+        "atob": "^2.1.2",
+        "btoa": "^1.2.1",
+        "core-js": "^3.6.5",
+        "cross-fetch": "^3.0.6",
+        "js-cookie": "2.2.1",
+        "node-cache": "^5.1.2",
+        "p-cancelable": "^2.0.0",
+        "text-encoding": "^0.7.0",
+        "tiny-emitter": "1.1.0",
+        "webcrypto-shim": "^0.1.5",
+        "xhr2": "0.1.3"
+      }
+    },
+    "@okta/okta-idx-js": {
+      "version": "0.18.0",
+      "resolved": "https://registry.nlark.com/@okta/okta-idx-js/download/@okta/okta-idx-js-0.18.0.tgz",
+      "integrity": "sha1-pBnJFaaLy5Jdoz/lemUYJvaBxXo=",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@babel/runtime-corejs3": "^7.12.5",
+        "core-js": "^3.15.1",
+        "jsonpath-plus": "^5.1.0"
+      },
+      "dependencies": {
+        "core-js": {
+          "version": "3.15.2",
+          "resolved": "https://registry.nlark.com/core-js/download/core-js-3.15.2.tgz?cache=0&sync_timestamp=1624966050136&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcore-js%2Fdownload%2Fcore-js-3.15.2.tgz",
+          "integrity": "sha1-dAZg0v9V7zTOZk1+JFURnFvdPWE="
+        }
+      }
+    },
+    "@okta/okta-react": {
+      "version": "6.0.0",
+      "resolved": "https://registry.nlark.com/@okta/okta-react/download/@okta/okta-react-6.0.0.tgz",
+      "integrity": "sha1-P/qBUhtCR3LRHSXtc0E7zg3HXBE=",
+      "requires": {
+        "@babel/runtime": "^7.11.2"
+      }
+    },
+    "@okta/okta-signin-widget": {
+      "version": "5.8.2",
+      "resolved": "https://registry.nlark.com/@okta/okta-signin-widget/download/@okta/okta-signin-widget-5.8.2.tgz",
+      "integrity": "sha1-PTzx7WCLG5ajP79Lyccztp6cWGw=",
+      "requires": {
+        "@babel/polyfill": "^7.10.1",
+        "@babel/runtime": "^7.10.3",
+        "cross-fetch": "^3.0.4",
+        "fsevents": "*",
+        "handlebars": "^4.5.3",
+        "q": "1.4.1",
+        "u2f-api-polyfill": "0.4.3",
+        "underscore": "1.13.1"
+      },
+      "dependencies": {
+        "q": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npm.taobao.org/q/download/q-1.4.1.tgz",
+          "integrity": "sha1-VXBbzZPF82c1MMLCy8DCs63cKG4="
+        }
+      }
+    },
+    "@peculiar/asn1-schema": {
+      "version": "2.0.36",
+      "resolved": "https://registry.nlark.com/@peculiar/asn1-schema/download/@peculiar/asn1-schema-2.0.36.tgz",
+      "integrity": "sha1-ynl49D/6TzX7t0Q2w/mDwQpprCc=",
+      "requires": {
+        "@types/asn1js": "^2.0.0",
+        "asn1js": "^2.1.1",
+        "pvtsutils": "^1.1.7",
+        "tslib": "^2.2.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.0.tgz?cache=0&sync_timestamp=1623450814531&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ftslib%2Fdownload%2Ftslib-2.3.0.tgz",
+          "integrity": "sha1-gDuM2rPhK6WBpMpByIObuw2ssJ4="
+        }
+      }
+    },
+    "@peculiar/json-schema": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npm.taobao.org/@peculiar/json-schema/download/@peculiar/json-schema-1.1.12.tgz",
+      "integrity": "sha1-/mHoUlnjtbpa1WbLYsp1s9PNUzk=",
+      "requires": {
+        "tslib": "^2.0.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.0.tgz?cache=0&sync_timestamp=1623450814531&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ftslib%2Fdownload%2Ftslib-2.3.0.tgz",
+          "integrity": "sha1-gDuM2rPhK6WBpMpByIObuw2ssJ4="
+        }
+      }
+    },
+    "@peculiar/webcrypto": {
+      "version": "1.1.6",
+      "resolved": "https://registry.nlark.com/@peculiar/webcrypto/download/@peculiar/webcrypto-1.1.6.tgz",
+      "integrity": "sha1-SEu1i+BxSeGehzhhtYWw1eT4O3s=",
+      "requires": {
+        "@peculiar/asn1-schema": "^2.0.27",
+        "@peculiar/json-schema": "^1.1.12",
+        "pvtsutils": "^1.1.2",
+        "tslib": "^2.1.0",
+        "webcrypto-core": "^1.2.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.0.tgz?cache=0&sync_timestamp=1623450814531&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ftslib%2Fdownload%2Ftslib-2.3.0.tgz",
+          "integrity": "sha1-gDuM2rPhK6WBpMpByIObuw2ssJ4="
+        }
+      }
+    },
     "@pmmmwh/react-refresh-webpack-plugin": {
       "version": "0.4.3",
       "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.4.3.tgz",
@@ -2055,176 +2281,15 @@
         "loader-utils": "^2.0.0"
       }
     },
-    "@testing-library/dom": {
-      "version": "7.30.4",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-7.30.4.tgz",
-      "integrity": "sha512-GObDVMaI4ARrZEXaRy4moolNAxWPKvEYNV/fa6Uc2eAzR/t4otS6A7EhrntPBIQLeehL9DbVhscvvv7gd6hWqA==",
-      "requires": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/runtime": "^7.12.5",
-        "@types/aria-query": "^4.2.0",
-        "aria-query": "^4.2.2",
-        "chalk": "^4.1.0",
-        "dom-accessibility-api": "^0.5.4",
-        "lz-string": "^1.4.4",
-        "pretty-format": "^26.6.2"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
-          "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "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==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "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=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "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==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
-    "@testing-library/jest-dom": {
-      "version": "5.12.0",
-      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.12.0.tgz",
-      "integrity": "sha512-N9Y82b2Z3j6wzIoAqajlKVF1Zt7sOH0pPee0sUHXHc5cv2Fdn23r+vpWm0MBBoGJtPOly5+Bdx1lnc3CD+A+ow==",
-      "requires": {
-        "@babel/runtime": "^7.9.2",
-        "@types/testing-library__jest-dom": "^5.9.1",
-        "aria-query": "^4.2.2",
-        "chalk": "^3.0.0",
-        "css": "^3.0.0",
-        "css.escape": "^1.5.1",
-        "lodash": "^4.17.15",
-        "redent": "^3.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-          "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "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==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "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=="
-        },
-        "css": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/css/-/css-3.0.0.tgz",
-          "integrity": "sha512-DG9pFfwOrzc+hawpmqX/dHYHJG+Bsdb0klhyi1sDneOgGOXy9wQIC8hzyVp1e4NRYDBdxcylvywPkkXCHAzTyQ==",
-          "requires": {
-            "inherits": "^2.0.4",
-            "source-map": "^0.6.1",
-            "source-map-resolve": "^0.6.0"
-          }
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        },
-        "source-map-resolve": {
-          "version": "0.6.0",
-          "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.6.0.tgz",
-          "integrity": "sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w==",
-          "requires": {
-            "atob": "^2.1.2",
-            "decode-uri-component": "^0.2.0"
-          }
-        },
-        "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==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
-    "@testing-library/react": {
-      "version": "11.2.6",
-      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-11.2.6.tgz",
-      "integrity": "sha512-TXMCg0jT8xmuU8BkKMtp8l7Z50Ykew5WNX8UoIKTaLFwKkP2+1YDhOLA2Ga3wY4x29jyntk7EWfum0kjlYiSjQ==",
-      "requires": {
-        "@babel/runtime": "^7.12.5",
-        "@testing-library/dom": "^7.28.1"
-      }
-    },
-    "@testing-library/user-event": {
-      "version": "12.8.3",
-      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-12.8.3.tgz",
-      "integrity": "sha512-IR0iWbFkgd56Bu5ZI/ej8yQwrkCv8Qydx6RzwbKz9faXazR/+5tvYKsZQgyXJiwgpcva127YO6JcWy7YlCfofQ==",
-      "requires": {
-        "@babel/runtime": "^7.12.5"
-      }
-    },
     "@types/anymatch": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/@types/anymatch/-/anymatch-1.3.1.tgz",
       "integrity": "sha512-/+CRPXpBDpo2RK9C68N3b2cOvO0Cf5B9aPijHsoDQTHivnGSObdOF2BRQOYjojWTDy6nQvMjmqRXIxH55VjxxA=="
     },
-    "@types/aria-query": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-4.2.1.tgz",
-      "integrity": "sha512-S6oPal772qJZHoRZLFc/XoZW2gFvwXusYUmXPXkgxJLuEk2vOt7jc4Yo6z/vtI0EBkbPBVrJJ0B+prLIKiWqHg=="
+    "@types/asn1js": {
+      "version": "2.0.2",
+      "resolved": "https://registry.nlark.com/@types/asn1js/download/@types/asn1js-2.0.2.tgz",
+      "integrity": "sha1-uxmSKROBtfBuIqgp8q4AkmfN+MU="
     },
     "@types/babel__core": {
       "version": "7.1.14",
@@ -2280,6 +2345,11 @@
         "@types/json-schema": "*"
       }
     },
+    "@types/esrever": {
+      "version": "0.2.0",
+      "resolved": "https://registry.nlark.com/@types/esrever/download/@types/esrever-0.2.0.tgz",
+      "integrity": "sha1-lkBKIoSyx1J/CKHpV/ijFwX5iA8="
+    },
     "@types/estree": {
       "version": "0.0.47",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.47.tgz",
@@ -2302,6 +2372,14 @@
         "@types/node": "*"
       }
     },
+    "@types/hast": {
+      "version": "2.3.2",
+      "resolved": "https://registry.nlark.com/@types/hast/download/@types/hast-2.3.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40types%2Fhast%2Fdownload%2F%40types%2Fhast-2.3.2.tgz",
+      "integrity": "sha1-I2IBrMqeJpXkL3E9fdTxUdwpguQ=",
+      "requires": {
+        "@types/unist": "*"
+      }
+    },
     "@types/html-minifier-terser": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz",
@@ -2333,15 +2411,6 @@
         "@types/istanbul-lib-report": "*"
       }
     },
-    "@types/jest": {
-      "version": "26.0.23",
-      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-26.0.23.tgz",
-      "integrity": "sha512-ZHLmWMJ9jJ9PTiT58juykZpL7KjwJywFN3Rr2pTSkyQfydf/rk22yS7W8p5DaVUMQ2BQC7oYiU3FjbTM/mYrOA==",
-      "requires": {
-        "jest-diff": "^26.0.0",
-        "pretty-format": "^26.0.0"
-      }
-    },
     "@types/json-schema": {
       "version": "7.0.7",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz",
@@ -2352,6 +2421,14 @@
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
       "integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4="
     },
+    "@types/mdast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.nlark.com/@types/mdast/download/@types/mdast-3.0.4.tgz?cache=0&sync_timestamp=1625610221888&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40types%2Fmdast%2Fdownload%2F%40types%2Fmdast-3.0.4.tgz",
+      "integrity": "sha1-jua1IAdRtsrbmgQ8o5YSaTrWy54=",
+      "requires": {
+        "@types/unist": "*"
+      }
+    },
     "@types/minimatch": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.4.tgz",
@@ -2433,14 +2510,6 @@
       "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.7.tgz",
       "integrity": "sha512-0VBprVqfgFD7Ehb2vd8Lh9TG3jP98gvr8rgehQqzztZNI7o8zS8Ad4jyZneKELphpuE212D8J70LnSNQSyO6bQ=="
     },
-    "@types/testing-library__jest-dom": {
-      "version": "5.9.5",
-      "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.9.5.tgz",
-      "integrity": "sha512-ggn3ws+yRbOHog9GxnXiEZ/35Mow6YtPZpd7Z5mKDeZS/o7zx3yAle0ov/wjhVB5QT4N2Dt+GNoGCdqkBGCajQ==",
-      "requires": {
-        "@types/jest": "*"
-      }
-    },
     "@types/uglify-js": {
       "version": "3.13.0",
       "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.13.0.tgz",
@@ -2456,6 +2525,11 @@
         }
       }
     },
+    "@types/unist": {
+      "version": "2.0.5",
+      "resolved": "https://registry.nlark.com/@types/unist/download/@types/unist-2.0.5.tgz?cache=0&sync_timestamp=1625500421599&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40types%2Funist%2Fdownload%2F%40types%2Funist-2.0.5.tgz",
+      "integrity": "sha1-/dKZ8jIFw0Va+IzmGN1lwUy3PiI="
+    },
     "@types/warning": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
@@ -2754,6 +2828,11 @@
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ=="
     },
+    "Base64": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/Base64/download/Base64-1.1.0.tgz",
+      "integrity": "sha1-gQ7yGvqDV9+SrXtTiRiMRGucuVY="
+    },
     "abab": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.5.tgz",
@@ -3019,6 +3098,14 @@
         }
       }
     },
+    "asn1js": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/asn1js/download/asn1js-2.1.1.tgz",
+      "integrity": "sha1-uziWGR67X7HK7ac0NqbG4gou7f8=",
+      "requires": {
+        "pvutils": "^1.0.17"
+      }
+    },
     "assert": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz",
@@ -3096,6 +3183,14 @@
       "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
       "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg=="
     },
+    "autolinker": {
+      "version": "3.14.3",
+      "resolved": "https://registry.npm.taobao.org/autolinker/download/autolinker-3.14.3.tgz",
+      "integrity": "sha1-xhxCS8YHe88vxigDgD7C9Y4Vp+w=",
+      "requires": {
+        "tslib": "^1.9.3"
+      }
+    },
     "autoprefixer": {
       "version": "9.8.6",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz",
@@ -3266,6 +3361,23 @@
         "object.assign": "^4.1.0"
       }
     },
+    "babel-plugin-emotion": {
+      "version": "10.2.2",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-emotion/download/babel-plugin-emotion-10.2.2.tgz",
+      "integrity": "sha1-of41A8/4Cr/QvdoUq9Lo5Xp50X0=",
+      "requires": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@emotion/hash": "0.8.0",
+        "@emotion/memoize": "0.7.4",
+        "@emotion/serialize": "^0.11.16",
+        "babel-plugin-macros": "^2.0.0",
+        "babel-plugin-syntax-jsx": "^6.18.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^1.0.5",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7"
+      }
+    },
     "babel-plugin-istanbul": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.0.0.tgz",
@@ -3352,6 +3464,11 @@
         "@babel/helper-define-polyfill-provider": "^0.2.0"
       }
     },
+    "babel-plugin-syntax-jsx": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-syntax-jsx/download/babel-plugin-syntax-jsx-6.18.0.tgz",
+      "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY="
+    },
     "babel-plugin-syntax-object-rest-spread": {
       "version": "6.13.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
@@ -3594,6 +3711,11 @@
       "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
       "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ=="
     },
+    "bail": {
+      "version": "1.0.5",
+      "resolved": "https://registry.nlark.com/bail/download/bail-1.0.5.tgz",
+      "integrity": "sha1-tvoTNASjksvB+MS/Y/WVM1Hnp3Y="
+    },
     "balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -3885,6 +4007,11 @@
         "node-int64": "^0.4.0"
       }
     },
+    "btoa": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npm.taobao.org/btoa/download/btoa-1.2.1.tgz",
+      "integrity": "sha1-AamQn4ssk/a/aAuiYTHrMPf6PXM="
+    },
     "buffer": {
       "version": "4.9.2",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
@@ -4079,6 +4206,21 @@
       "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
       "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw=="
     },
+    "character-entities": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npm.taobao.org/character-entities/download/character-entities-1.2.4.tgz?cache=0&sync_timestamp=1615198803355&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcharacter-entities%2Fdownload%2Fcharacter-entities-1.2.4.tgz",
+      "integrity": "sha1-4Sw5Obfq9OWxXnrUxeKOHUjFsWs="
+    },
+    "character-entities-legacy": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npm.taobao.org/character-entities-legacy/download/character-entities-legacy-1.1.4.tgz",
+      "integrity": "sha1-lLwYRdznClu50uzHSHJWYSk9j8E="
+    },
+    "character-reference-invalid": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npm.taobao.org/character-reference-invalid/download/character-reference-invalid-1.1.4.tgz?cache=0&sync_timestamp=1615292633919&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcharacter-reference-invalid%2Fdownload%2Fcharacter-reference-invalid-1.1.4.tgz",
+      "integrity": "sha1-CDMpzaDq4nKrPbvzfpo4LBOvFWA="
+    },
     "check-types": {
       "version": "11.1.2",
       "resolved": "https://registry.npmjs.org/check-types/-/check-types-11.1.2.tgz",
@@ -4185,6 +4327,11 @@
         "wrap-ansi": "^6.2.0"
       }
     },
+    "clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npm.taobao.org/clone/download/clone-2.1.2.tgz",
+      "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18="
+    },
     "co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -4258,6 +4405,11 @@
         "delayed-stream": "~1.0.0"
       }
     },
+    "comma-separated-tokens": {
+      "version": "1.0.8",
+      "resolved": "https://registry.nlark.com/comma-separated-tokens/download/comma-separated-tokens-1.0.8.tgz?cache=0&sync_timestamp=1619457402086&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcomma-separated-tokens%2Fdownload%2Fcomma-separated-tokens-1.0.8.tgz",
+      "integrity": "sha1-YyuAthF4Z6FY8QgK1Jiy++fj9eo="
+    },
     "commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -4531,6 +4683,14 @@
         "sha.js": "^2.4.8"
       }
     },
+    "cross-fetch": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npm.taobao.org/cross-fetch/download/cross-fetch-3.1.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcross-fetch%2Fdownload%2Fcross-fetch-3.1.4.tgz",
+      "integrity": "sha1-lyPzo6JHv4uJA586OAqSROj6Lzk=",
+      "requires": {
+        "node-fetch": "2.6.1"
+      }
+    },
     "cross-spawn": {
       "version": "6.0.5",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
@@ -4703,11 +4863,6 @@
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
       "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ=="
     },
-    "css.escape": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
-      "integrity": "sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s="
-    },
     "cssdb": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
@@ -5195,11 +5350,6 @@
         "esutils": "^2.0.2"
       }
     },
-    "dom-accessibility-api": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.4.tgz",
-      "integrity": "sha512-TvrjBckDy2c6v6RLxPv5QXOnU+SmF9nBII5621Ve5fu6Z/BDrENurBEvlC1f44lKEUVqOpK4w9E5Idc5/EgkLQ=="
-    },
     "dom-converter": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
@@ -6193,6 +6343,11 @@
         }
       }
     },
+    "esrever": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npm.taobao.org/esrever/download/esrever-0.2.0.tgz",
+      "integrity": "sha1-lunSj08bGnZ4TNXUkOquAQ50B7g="
+    },
     "estraverse": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
@@ -6675,6 +6830,11 @@
         "pkg-dir": "^3.0.0"
       }
     },
+    "find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/find-root/download/find-root-1.1.0.tgz",
+      "integrity": "sha1-q8/Iunb3CMQql7PWhbfpRQv7nOQ="
+    },
     "find-up": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
@@ -7248,6 +7408,25 @@
       "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
       "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg=="
     },
+    "handlebars": {
+      "version": "4.7.7",
+      "resolved": "https://registry.nlark.com/handlebars/download/handlebars-4.7.7.tgz?cache=0&sync_timestamp=1618848984250&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fhandlebars%2Fdownload%2Fhandlebars-4.7.7.tgz",
+      "integrity": "sha1-nOM0FqrQLb1sj6+oJA1dmABJRaE=",
+      "requires": {
+        "minimist": "^1.2.5",
+        "neo-async": "^2.6.0",
+        "source-map": "^0.6.1",
+        "uglify-js": "^3.1.4",
+        "wordwrap": "^1.0.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.nlark.com/source-map/download/source-map-0.6.1.tgz?cache=0&sync_timestamp=1618846757741&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsource-map%2Fdownload%2Fsource-map-0.6.1.tgz",
+          "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM="
+        }
+      }
+    },
     "har-schema": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
@@ -7373,6 +7552,11 @@
       "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
       "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ=="
     },
+    "highlight.js": {
+      "version": "10.7.3",
+      "resolved": "https://registry.nlark.com/highlight.js/download/highlight.js-10.7.3.tgz",
+      "integrity": "sha1-aXJy45kTVuQMPKxWanTu9oF1ZTE="
+    },
     "history": {
       "version": "4.10.1",
       "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
@@ -7867,6 +8051,11 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+    "inline-style-parser": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npm.taobao.org/inline-style-parser/download/inline-style-parser-0.1.1.tgz",
+      "integrity": "sha1-7Io7QpJ06cCh8cT/qUU6f+9yzqE="
+    },
     "internal-ip": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz",
@@ -7932,6 +8121,20 @@
         }
       }
     },
+    "is-alphabetical": {
+      "version": "1.0.4",
+      "resolved": "https://registry.nlark.com/is-alphabetical/download/is-alphabetical-1.0.4.tgz",
+      "integrity": "sha1-nn1rlJFr4iFTdF0YTCmMv5hqaG0="
+    },
+    "is-alphanumerical": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/is-alphanumerical/download/is-alphanumerical-1.0.4.tgz?cache=0&sync_timestamp=1615454199990&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-alphanumerical%2Fdownload%2Fis-alphanumerical-1.0.4.tgz",
+      "integrity": "sha1-frmiQx+FX2se8aeOMm31FWlsTb8=",
+      "requires": {
+        "is-alphabetical": "^1.0.0",
+        "is-decimal": "^1.0.0"
+      }
+    },
     "is-arguments": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.0.tgz",
@@ -8029,6 +8232,11 @@
       "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.3.tgz",
       "integrity": "sha512-tDpEUInNcy2Yw3lNSepK3Wdw1RnXLcIVienz6Ou631Acl15cJyRWK4dgA1vCmOEgIbtOV0W7MHg+AR2Gdg1NXQ=="
     },
+    "is-decimal": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/is-decimal/download/is-decimal-1.0.4.tgz",
+      "integrity": "sha1-ZaOllYocW2OnBuGzM9fNn2MNP6U="
+    },
     "is-descriptor": {
       "version": "0.1.6",
       "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
@@ -8084,6 +8292,11 @@
         "is-extglob": "^2.1.1"
       }
     },
+    "is-hexadecimal": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/is-hexadecimal/download/is-hexadecimal-1.0.4.tgz",
+      "integrity": "sha1-zDXJdYjaS9Saju3WvECC1E3LI6c="
+    },
     "is-module": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
@@ -9769,6 +9982,11 @@
         }
       }
     },
+    "js-cookie": {
+      "version": "2.2.1",
+      "resolved": "https://registry.nlark.com/js-cookie/download/js-cookie-2.2.1.tgz?cache=0&sync_timestamp=1626237651924&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fjs-cookie%2Fdownload%2Fjs-cookie-2.2.1.tgz",
+      "integrity": "sha1-aeEG3F1YBolFYpAqpbrsN0Tpsrg="
+    },
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -9885,6 +10103,11 @@
         "universalify": "^2.0.0"
       }
     },
+    "jsonpath-plus": {
+      "version": "5.1.0",
+      "resolved": "https://registry.nlark.com/jsonpath-plus/download/jsonpath-plus-5.1.0.tgz",
+      "integrity": "sha1-L8Sy5GGVBibJhSVCWjo1GLha9sM="
+    },
     "jsprim": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
@@ -9966,6 +10189,14 @@
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
       "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA="
     },
+    "linkify-it": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npm.taobao.org/linkify-it/download/linkify-it-3.0.2.tgz",
+      "integrity": "sha1-9V7ri8HTrnVASeEkqzu1bZd5f7g=",
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
+    },
     "load-json-file": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
@@ -10067,11 +10298,6 @@
         "lodash._reinterpolate": "^3.0.0"
       }
     },
-    "lodash.throttle": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
-      "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ="
-    },
     "lodash.truncate": {
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
@@ -10118,11 +10344,6 @@
         "yallist": "^4.0.0"
       }
     },
-    "lz-string": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.4.4.tgz",
-      "integrity": "sha1-wNjq82BZ9wV5bh40SBHPTEmNOiY="
-    },
     "magic-string": {
       "version": "0.25.7",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz",
@@ -10168,6 +10389,30 @@
         "object-visit": "^1.0.0"
       }
     },
+    "markdown-it": {
+      "version": "12.1.0",
+      "resolved": "https://registry.nlark.com/markdown-it/download/markdown-it-12.1.0.tgz",
+      "integrity": "sha1-etVyyt3TNr0npo0g6GusH6/o+yA=",
+      "requires": {
+        "argparse": "^2.0.1",
+        "entities": "~2.1.0",
+        "linkify-it": "^3.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "dependencies": {
+        "argparse": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/argparse/download/argparse-2.0.1.tgz",
+          "integrity": "sha1-JG9Q88p4oyQPbJl+ipvR6sSeSzg="
+        },
+        "entities": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/entities/download/entities-2.1.0.tgz?cache=0&sync_timestamp=1611535562200&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fentities%2Fdownload%2Fentities-2.1.0.tgz",
+          "integrity": "sha1-mS0xKc999ocLlsV4WMJJoSD4uLU="
+        }
+      }
+    },
     "md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -10178,16 +10423,66 @@
         "safe-buffer": "^5.1.2"
       }
     },
+    "mdast-util-definitions": {
+      "version": "4.0.0",
+      "resolved": "https://registry.nlark.com/mdast-util-definitions/download/mdast-util-definitions-4.0.0.tgz",
+      "integrity": "sha1-xcGoTbeZFztNz3ZDzamZ5EDCTbI=",
+      "requires": {
+        "unist-util-visit": "^2.0.0"
+      }
+    },
+    "mdast-util-from-markdown": {
+      "version": "0.8.5",
+      "resolved": "https://registry.nlark.com/mdast-util-from-markdown/download/mdast-util-from-markdown-0.8.5.tgz",
+      "integrity": "sha1-0e8spCvDd+ywRjqYeRDa6JvZoow=",
+      "requires": {
+        "@types/mdast": "^3.0.0",
+        "mdast-util-to-string": "^2.0.0",
+        "micromark": "~2.11.0",
+        "parse-entities": "^2.0.0",
+        "unist-util-stringify-position": "^2.0.0"
+      }
+    },
+    "mdast-util-to-hast": {
+      "version": "10.2.0",
+      "resolved": "https://registry.nlark.com/mdast-util-to-hast/download/mdast-util-to-hast-10.2.0.tgz?cache=0&sync_timestamp=1623158115934&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmdast-util-to-hast%2Fdownload%2Fmdast-util-to-hast-10.2.0.tgz",
+      "integrity": "sha1-YYdVJqAX2IV7cavJMzlCcAstNgQ=",
+      "requires": {
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "mdast-util-definitions": "^4.0.0",
+        "mdurl": "^1.0.0",
+        "unist-builder": "^2.0.0",
+        "unist-util-generated": "^1.0.0",
+        "unist-util-position": "^3.0.0",
+        "unist-util-visit": "^2.0.0"
+      }
+    },
+    "mdast-util-to-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.nlark.com/mdast-util-to-string/download/mdast-util-to-string-2.0.0.tgz?cache=0&sync_timestamp=1619427864790&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmdast-util-to-string%2Fdownload%2Fmdast-util-to-string-2.0.0.tgz",
+      "integrity": "sha1-uM/mpxPhCRy1tyj8SIhaR2f4uXs="
+    },
     "mdn-data": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
       "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA=="
     },
+    "mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/mdurl/download/mdurl-1.0.1.tgz",
+      "integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4="
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
       "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
     },
+    "memoize-one": {
+      "version": "5.2.1",
+      "resolved": "https://registry.nlark.com/memoize-one/download/memoize-one-5.2.1.tgz",
+      "integrity": "sha1-gzeqPEM1WBg57AHD1ZQJDOvo8A4="
+    },
     "memory-fs": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
@@ -10246,6 +10541,15 @@
       "resolved": "https://registry.npmjs.org/microevent.ts/-/microevent.ts-0.1.1.tgz",
       "integrity": "sha512-jo1OfR4TaEwd5HOrt5+tAZ9mqT4jmpNAusXtyfNzqVm9uiSYFZlKM1wYL4oU7azZW/PxQW53wM0S6OR1JHNa2g=="
     },
+    "micromark": {
+      "version": "2.11.4",
+      "resolved": "https://registry.nlark.com/micromark/download/micromark-2.11.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmicromark%2Fdownload%2Fmicromark-2.11.4.tgz",
+      "integrity": "sha1-0TQ2E47qgmOD6CJEnJpcUO5EZlo=",
+      "requires": {
+        "debug": "^4.0.0",
+        "parse-entities": "^2.0.0"
+      }
+    },
     "micromatch": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
@@ -10294,11 +10598,6 @@
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg=="
     },
-    "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=="
-    },
     "mini-create-react-context": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz",
@@ -10571,6 +10870,19 @@
         }
       }
     },
+    "node-cache": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npm.taobao.org/node-cache/download/node-cache-5.1.2.tgz",
+      "integrity": "sha1-8mTcLMrQp4DnYlOmlOn9DtGcOY0=",
+      "requires": {
+        "clone": "2.x"
+      }
+    },
+    "node-fetch": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npm.taobao.org/node-fetch/download/node-fetch-2.6.1.tgz",
+      "integrity": "sha1-BFvTI2Mfdu0uK1VXM5RBa2OaAFI="
+    },
     "node-forge": {
       "version": "0.10.0",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
@@ -10962,6 +11274,11 @@
       "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
       "integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc="
     },
+    "p-cancelable": {
+      "version": "2.1.1",
+      "resolved": "https://registry.nlark.com/p-cancelable/download/p-cancelable-2.1.1.tgz",
+      "integrity": "sha1-qrf71BZYL6MqPbSYWcEiSHxe0s8="
+    },
     "p-each-series": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-each-series/-/p-each-series-2.2.0.tgz",
@@ -11084,6 +11401,19 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "parse-entities": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/parse-entities/download/parse-entities-2.0.0.tgz?cache=0&sync_timestamp=1616788841437&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-entities%2Fdownload%2Fparse-entities-2.0.0.tgz",
+      "integrity": "sha1-U8brW5MUofTsmfoP33zgHs2gy+g=",
+      "requires": {
+        "character-entities": "^1.0.0",
+        "character-entities-legacy": "^1.0.0",
+        "character-reference-invalid": "^1.0.0",
+        "is-alphanumerical": "^1.0.0",
+        "is-decimal": "^1.0.0",
+        "is-hexadecimal": "^1.0.0"
+      }
+    },
     "parse-json": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
@@ -12444,6 +12774,14 @@
         "warning": "^4.0.0"
       }
     },
+    "property-information": {
+      "version": "5.6.0",
+      "resolved": "https://registry.nlark.com/property-information/download/property-information-5.6.0.tgz",
+      "integrity": "sha1-YWdVRfsjAC8kXGVA7EYHfU2j7Wk=",
+      "requires": {
+        "xtend": "^4.0.0"
+      }
+    },
     "proxy-addr": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz",
@@ -12518,6 +12856,26 @@
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
     },
+    "pvtsutils": {
+      "version": "1.1.7",
+      "resolved": "https://registry.nlark.com/pvtsutils/download/pvtsutils-1.1.7.tgz",
+      "integrity": "sha1-OaZcyzt0SMl09qYUHOKq0Dez8Tw=",
+      "requires": {
+        "tslib": "^2.2.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.0.tgz?cache=0&sync_timestamp=1623450814531&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ftslib%2Fdownload%2Ftslib-2.3.0.tgz",
+          "integrity": "sha1-gDuM2rPhK6WBpMpByIObuw2ssJ4="
+        }
+      }
+    },
+    "pvutils": {
+      "version": "1.0.17",
+      "resolved": "https://registry.npm.taobao.org/pvutils/download/pvutils-1.0.17.tgz",
+      "integrity": "sha1-rePHTf5xeJRP5EgGYmvS4knZlr8="
+    },
     "q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@@ -12614,15 +12972,6 @@
         "object-assign": "^4.1.1"
       }
     },
-    "react-animate-on-scroll": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/react-animate-on-scroll/-/react-animate-on-scroll-2.1.5.tgz",
-      "integrity": "sha1-w1/1sZRSsjJwx6QjKbjcOR8nMCA=",
-      "requires": {
-        "lodash.throttle": "^4.1.1",
-        "prop-types": "^15.5.9"
-      }
-    },
     "react-app-polyfill": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/react-app-polyfill/-/react-app-polyfill-2.0.0.tgz",
@@ -12787,6 +13136,14 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
       "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew=="
     },
+    "react-input-autosize": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npm.taobao.org/react-input-autosize/download/react-input-autosize-2.2.2.tgz?cache=0&sync_timestamp=1607939981071&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Freact-input-autosize%2Fdownload%2Freact-input-autosize-2.2.2.tgz",
+      "integrity": "sha1-/KpwIFaOwga8BL429Oto5kfE2MI=",
+      "requires": {
+        "prop-types": "^15.5.8"
+      }
+    },
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -12802,6 +13159,51 @@
       "resolved": "https://registry.npm.taobao.org/react-loading/download/react-loading-2.0.3.tgz",
       "integrity": "sha1-6BOPsMPkZ05IGzIIAqxwSK4U/7k="
     },
+    "react-markdown": {
+      "version": "6.0.2",
+      "resolved": "https://registry.nlark.com/react-markdown/download/react-markdown-6.0.2.tgz",
+      "integrity": "sha1-2JvkXCeLHl8BlvhR//sR4wxp8Cc=",
+      "requires": {
+        "@types/hast": "^2.0.0",
+        "@types/unist": "^2.0.3",
+        "comma-separated-tokens": "^1.0.0",
+        "prop-types": "^15.7.2",
+        "property-information": "^5.0.0",
+        "react-is": "^17.0.0",
+        "remark-parse": "^9.0.0",
+        "remark-rehype": "^8.0.0",
+        "space-separated-tokens": "^1.1.0",
+        "style-to-object": "^0.3.0",
+        "unified": "^9.0.0",
+        "unist-util-visit": "^2.0.0",
+        "vfile": "^4.0.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "17.0.2",
+          "resolved": "https://registry.nlark.com/react-is/download/react-is-17.0.2.tgz?cache=0&sync_timestamp=1626192935763&other_urls=https%3A%2F%2Fregistry.nlark.com%2Freact-is%2Fdownload%2Freact-is-17.0.2.tgz",
+          "integrity": "sha1-5pHUqOnHiTZWVVOas3J2Kw77VPA="
+        }
+      }
+    },
+    "react-markdown-editor-lite": {
+      "version": "1.3.0",
+      "resolved": "https://registry.nlark.com/react-markdown-editor-lite/download/react-markdown-editor-lite-1.3.0.tgz",
+      "integrity": "sha1-3OqDbKf7drqTjq6InzUrfRr39W8=",
+      "requires": {
+        "@babel/runtime": "^7.6.2",
+        "classnames": "^2.2.6",
+        "eventemitter3": "^4.0.0",
+        "uuid": "^3.4.0"
+      },
+      "dependencies": {
+        "uuid": {
+          "version": "3.4.0",
+          "resolved": "https://registry.nlark.com/uuid/download/uuid-3.4.0.tgz",
+          "integrity": "sha1-sj5DWK+oogL+ehAK8fX4g/AgB+4="
+        }
+      }
+    },
     "react-overlays": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/react-overlays/-/react-overlays-5.0.1.tgz",
@@ -12822,14 +13224,6 @@
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
       "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
     },
-    "react-reveal": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/react-reveal/-/react-reveal-1.2.2.tgz",
-      "integrity": "sha512-JCv3fAoU6Z+Lcd8U48bwzm4pMZ79qsedSXYwpwt6lJNtj/v5nKJYZZbw3yhaQPPgYePo3Y0NOCoYOq/jcsisuw==",
-      "requires": {
-        "prop-types": "^15.5.10"
-      }
-    },
     "react-router": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.0.tgz",
@@ -12942,6 +13336,21 @@
         "workbox-webpack-plugin": "5.1.4"
       }
     },
+    "react-select": {
+      "version": "3.1.0",
+      "resolved": "https://registry.nlark.com/react-select/download/react-select-3.1.0.tgz",
+      "integrity": "sha1-qwmHILLp/idQR8mT8NDK9d7RfCc=",
+      "requires": {
+        "@babel/runtime": "^7.4.4",
+        "@emotion/cache": "^10.0.9",
+        "@emotion/core": "^10.0.9",
+        "@emotion/css": "^10.0.9",
+        "memoize-one": "^5.0.0",
+        "prop-types": "^15.6.0",
+        "react-input-autosize": "^2.2.2",
+        "react-transition-group": "^4.3.0"
+      }
+    },
     "react-transition-group": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.1.tgz",
@@ -13059,15 +13468,6 @@
         "minimatch": "3.0.4"
       }
     },
-    "redent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-      "requires": {
-        "indent-string": "^4.0.0",
-        "strip-indent": "^3.0.0"
-      }
-    },
     "regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -13160,6 +13560,31 @@
       "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
       "integrity": "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk="
     },
+    "remark-parse": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npm.taobao.org/remark-parse/download/remark-parse-9.0.0.tgz",
+      "integrity": "sha1-TSCimWZYgOT0r12Qt8e4qTWFNkA=",
+      "requires": {
+        "mdast-util-from-markdown": "^0.8.0"
+      }
+    },
+    "remark-rehype": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npm.taobao.org/remark-rehype/download/remark-rehype-8.1.0.tgz",
+      "integrity": "sha1-YQUJoENITB5pdDf6XrP9mSYXyUU=",
+      "requires": {
+        "mdast-util-to-hast": "^10.2.0"
+      }
+    },
+    "remarkable": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/remarkable/download/remarkable-2.0.1.tgz",
+      "integrity": "sha1-KArmYnOE37E9mO45lWJ8pVChLzE=",
+      "requires": {
+        "argparse": "^1.0.10",
+        "autolinker": "^3.11.0"
+      }
+    },
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -14007,6 +14432,26 @@
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q=="
     },
+    "slate": {
+      "version": "0.63.0",
+      "resolved": "https://registry.nlark.com/slate/download/slate-0.63.0.tgz",
+      "integrity": "sha1-Y6UMRaiXHTUKPr7vJeEM2fpcdyY=",
+      "requires": {
+        "@types/esrever": "^0.2.0",
+        "esrever": "^0.2.0",
+        "fast-deep-equal": "^3.1.3",
+        "immer": "^8.0.1",
+        "is-plain-object": "^3.0.0",
+        "tiny-warning": "^1.0.3"
+      },
+      "dependencies": {
+        "is-plain-object": {
+          "version": "3.0.1",
+          "resolved": "https://registry.nlark.com/is-plain-object/download/is-plain-object-3.0.1.tgz",
+          "integrity": "sha1-Zi2S0kwKpDAkB7DUXSHyJRyF+Fs="
+        }
+      }
+    },
     "slice-ansi": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
@@ -14246,6 +14691,11 @@
       "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
       "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
     },
+    "space-separated-tokens": {
+      "version": "1.1.5",
+      "resolved": "https://registry.nlark.com/space-separated-tokens/download/space-separated-tokens-1.1.5.tgz?cache=0&sync_timestamp=1619457401620&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fspace-separated-tokens%2Fdownload%2Fspace-separated-tokens-1.1.5.tgz",
+      "integrity": "sha1-hfMsPRDZaCAH6RdBTdxcJtGqaJk="
+    },
     "spdx-correct": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
@@ -14598,14 +15048,6 @@
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
       "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA=="
     },
-    "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==",
-      "requires": {
-        "min-indent": "^1.0.0"
-      }
-    },
     "strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -14635,6 +15077,14 @@
         "schema-utils": "^2.7.0"
       }
     },
+    "style-to-object": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npm.taobao.org/style-to-object/download/style-to-object-0.3.0.tgz",
+      "integrity": "sha1-sbeQ0gWZHMeDgBlnIUl57hmnbkY=",
+      "requires": {
+        "inline-style-parser": "0.1.1"
+      }
+    },
     "stylehacks": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz",
@@ -14933,6 +15383,11 @@
         "minimatch": "^3.0.4"
       }
     },
+    "text-encoding": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npm.taobao.org/text-encoding/download/text-encoding-0.7.0.tgz",
+      "integrity": "sha1-+JXoNuRZkGJAhmAXmOqY6PNu5kM="
+    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -14994,6 +15449,11 @@
       "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
       "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q="
     },
+    "tiny-emitter": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/tiny-emitter/download/tiny-emitter-1.1.0.tgz",
+      "integrity": "sha1-q0BaIf/tgUp2wZc5ZICT1wZU/ss="
+    },
     "tiny-invariant": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz",
@@ -15095,6 +15555,11 @@
         "escape-string-regexp": "^1.0.2"
       }
     },
+    "trough": {
+      "version": "1.0.5",
+      "resolved": "https://registry.nlark.com/trough/download/trough-1.0.5.tgz",
+      "integrity": "sha1-uLY5zvrX0LsqvTfUM/+Ck++l9AY="
+    },
     "tryer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz",
@@ -15202,6 +15667,22 @@
         "is-typedarray": "^1.0.0"
       }
     },
+    "u2f-api-polyfill": {
+      "version": "0.4.3",
+      "resolved": "https://registry.nlark.com/u2f-api-polyfill/download/u2f-api-polyfill-0.4.3.tgz",
+      "integrity": "sha1-t60WWm+WJVhReoZ8XEv5OZ/Pfpg="
+    },
+    "uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npm.taobao.org/uc.micro/download/uc.micro-1.0.6.tgz",
+      "integrity": "sha1-nEEagCpAmpH8bPdAgbq6NLJEmaw="
+    },
+    "uglify-js": {
+      "version": "3.13.10",
+      "resolved": "https://registry.nlark.com/uglify-js/download/uglify-js-3.13.10.tgz?cache=0&sync_timestamp=1624812621576&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fuglify-js%2Fdownload%2Fuglify-js-3.13.10.tgz",
+      "integrity": "sha1-pr0NKNOPWSw622sYDqbgfh5UCo0=",
+      "optional": true
+    },
     "unbox-primitive": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
@@ -15224,6 +15705,11 @@
         "react-lifecycles-compat": "^3.0.4"
       }
     },
+    "underscore": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npm.taobao.org/underscore/download/underscore-1.13.1.tgz",
+      "integrity": "sha1-DBxr0t9UtrafIxQGbWW2zeb8+dE="
+    },
     "unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -15248,6 +15734,31 @@
       "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz",
       "integrity": "sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg=="
     },
+    "unified": {
+      "version": "9.2.1",
+      "resolved": "https://registry.nlark.com/unified/download/unified-9.2.1.tgz",
+      "integrity": "sha1-rhjVZ0wRQCG/299zhlymD0ECFaM=",
+      "requires": {
+        "bail": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-buffer": "^2.0.0",
+        "is-plain-obj": "^2.0.0",
+        "trough": "^1.0.0",
+        "vfile": "^4.0.0"
+      },
+      "dependencies": {
+        "is-buffer": {
+          "version": "2.0.5",
+          "resolved": "https://registry.nlark.com/is-buffer/download/is-buffer-2.0.5.tgz",
+          "integrity": "sha1-68JS5ADSL/jXf6CYiIIaJKZYwZE="
+        },
+        "is-plain-obj": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/is-plain-obj/download/is-plain-obj-2.1.0.tgz",
+          "integrity": "sha1-ReQuN/zPH0Dajl927iFRWEDAkoc="
+        }
+      }
+    },
     "union-value": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
@@ -15293,6 +15804,53 @@
         "crypto-random-string": "^1.0.0"
       }
     },
+    "unist-builder": {
+      "version": "2.0.3",
+      "resolved": "https://registry.nlark.com/unist-builder/download/unist-builder-2.0.3.tgz",
+      "integrity": "sha1-d2SHEbXYavCULzNDl6M8XpFRZDY="
+    },
+    "unist-util-generated": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npm.taobao.org/unist-util-generated/download/unist-util-generated-1.1.6.tgz?cache=0&sync_timestamp=1618396745267&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Funist-util-generated%2Fdownload%2Funist-util-generated-1.1.6.tgz",
+      "integrity": "sha1-WrUfaJ4pkqRyvrGzXyzn/y8yTUs="
+    },
+    "unist-util-is": {
+      "version": "4.1.0",
+      "resolved": "https://registry.nlark.com/unist-util-is/download/unist-util-is-4.1.0.tgz?cache=0&sync_timestamp=1620655148920&other_urls=https%3A%2F%2Fregistry.nlark.com%2Funist-util-is%2Fdownload%2Funist-util-is-4.1.0.tgz",
+      "integrity": "sha1-l25fRip6Xec9lLcGusG5BnG1d5c="
+    },
+    "unist-util-position": {
+      "version": "3.1.0",
+      "resolved": "https://registry.nlark.com/unist-util-position/download/unist-util-position-3.1.0.tgz?cache=0&sync_timestamp=1620915590189&other_urls=https%3A%2F%2Fregistry.nlark.com%2Funist-util-position%2Fdownload%2Funist-util-position-3.1.0.tgz",
+      "integrity": "sha1-HELuYwH41S9H0U9iu9t5ZXH6LUc="
+    },
+    "unist-util-stringify-position": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npm.taobao.org/unist-util-stringify-position/download/unist-util-stringify-position-2.0.3.tgz?cache=0&sync_timestamp=1618328928874&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Funist-util-stringify-position%2Fdownload%2Funist-util-stringify-position-2.0.3.tgz",
+      "integrity": "sha1-zOO/oc34W6c3XR1bF73Eytqb2do=",
+      "requires": {
+        "@types/unist": "^2.0.2"
+      }
+    },
+    "unist-util-visit": {
+      "version": "2.0.3",
+      "resolved": "https://registry.nlark.com/unist-util-visit/download/unist-util-visit-2.0.3.tgz",
+      "integrity": "sha1-w3A4kxRt9HIDu4qXla9H17lxIIw=",
+      "requires": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^4.0.0",
+        "unist-util-visit-parents": "^3.0.0"
+      }
+    },
+    "unist-util-visit-parents": {
+      "version": "3.1.1",
+      "resolved": "https://registry.nlark.com/unist-util-visit-parents/download/unist-util-visit-parents-3.1.1.tgz",
+      "integrity": "sha1-ZabOaY94prD1aqDojxOAGIbNrvY=",
+      "requires": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^4.0.0"
+      }
+    },
     "universalify": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
@@ -15522,6 +16080,33 @@
         "extsprintf": "^1.2.0"
       }
     },
+    "vfile": {
+      "version": "4.2.1",
+      "resolved": "https://registry.nlark.com/vfile/download/vfile-4.2.1.tgz",
+      "integrity": "sha1-A/Hc4o/GJcYlvGUUNQ+9sA+p5iQ=",
+      "requires": {
+        "@types/unist": "^2.0.0",
+        "is-buffer": "^2.0.0",
+        "unist-util-stringify-position": "^2.0.0",
+        "vfile-message": "^2.0.0"
+      },
+      "dependencies": {
+        "is-buffer": {
+          "version": "2.0.5",
+          "resolved": "https://registry.nlark.com/is-buffer/download/is-buffer-2.0.5.tgz",
+          "integrity": "sha1-68JS5ADSL/jXf6CYiIIaJKZYwZE="
+        }
+      }
+    },
+    "vfile-message": {
+      "version": "2.0.4",
+      "resolved": "https://registry.nlark.com/vfile-message/download/vfile-message-2.0.4.tgz",
+      "integrity": "sha1-W0O4gXHUCerlhHfRPyPdQdUsNxo=",
+      "requires": {
+        "@types/unist": "^2.0.0",
+        "unist-util-stringify-position": "^2.0.0"
+      }
+    },
     "vm-browserify": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
@@ -15815,6 +16400,30 @@
       "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-1.1.2.tgz",
       "integrity": "sha512-PFMKIY+bRSXlMxVAQ+m2aw9c/ioUYfDgrYot0YUa+/xa0sakubWhSDyxAKwzymvXVdF4CZI71g06W+mqhzu6ig=="
     },
+    "webcrypto-core": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/webcrypto-core/download/webcrypto-core-1.2.0.tgz",
+      "integrity": "sha1-RP2j+TFe1u/+mh5HRm4JNTJ3M7U=",
+      "requires": {
+        "@peculiar/asn1-schema": "^2.0.27",
+        "@peculiar/json-schema": "^1.1.12",
+        "asn1js": "^2.0.26",
+        "pvtsutils": "^1.1.2",
+        "tslib": "^2.1.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.nlark.com/tslib/download/tslib-2.3.0.tgz?cache=0&sync_timestamp=1623450814531&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ftslib%2Fdownload%2Ftslib-2.3.0.tgz",
+          "integrity": "sha1-gDuM2rPhK6WBpMpByIObuw2ssJ4="
+        }
+      }
+    },
+    "webcrypto-shim": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npm.taobao.org/webcrypto-shim/download/webcrypto-shim-0.1.7.tgz",
+      "integrity": "sha1-2oviMGGgRRzyO0JNSpthwQ8JHBI="
+    },
     "webidl-conversions": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",
@@ -16706,6 +17315,11 @@
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
       "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ=="
     },
+    "wordwrap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/wordwrap/download/wordwrap-1.0.0.tgz",
+      "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus="
+    },
     "workbox-background-sync": {
       "version": "5.1.4",
       "resolved": "https://registry.npmjs.org/workbox-background-sync/-/workbox-background-sync-5.1.4.tgz",
@@ -16973,6 +17587,11 @@
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.5.tgz",
       "integrity": "sha512-xzyu3hFvomRfXKH8vOFMU3OguG6oOvhXMo3xsGy3xWExqaM2dxBbVxuD99O7m3ZUFMvvscsZDqxfgMaRr/Nr1g=="
     },
+    "xhr2": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npm.taobao.org/xhr2/download/xhr2-0.1.3.tgz",
+      "integrity": "sha1-y/xHWaabSoiOeM9PILBRA4dXvRE="
+    },
     "xml-name-validator": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz",
diff --git a/package.json b/package.json
index 93dca19..a080fd0 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,8 @@
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
+    "react-select": "^3.1.0",
+    "web-vitals": "^1.1.2",
     "remarkable": "^2.0.1",
     "slate": "^0.63.0"
   },
diff --git a/src/App.js b/src/App.js
index c40be35..97f1fc8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -5,36 +5,60 @@ import Catalog from "./pages/catalog/Catalog";
 import Story from "./pages/story/Story";
 import StoryWriter from "./pages/story/StoryWriter.js";
 import About from "./pages/about/About";
+import Agreement from "./pages/agreement/Agreement";
 import FHDANavbar from "./pages/navbar/FHDANavbar";
 import Login from "./pages/login/Login";
 import { Route, useHistory, Switch } from "react-router-dom";
-import { OktaAuth, toRelativeUrl } from '@okta/okta-auth-js';
-import { Security } from '@okta/okta-react';
-import config from './config';
+import { OktaAuth, toRelativeUrl } from "@okta/okta-auth-js";
+import { Security } from "@okta/okta-react";
+import config from "./config";
 
 const oktaAuth = new OktaAuth(config.oktaConfig);
 
 export default function App() {
-  console.log(oktaAuth)
+  console.log(oktaAuth);
   const [corsErrorModalOpen, setCorsErrorModalOpen] = React.useState(false);
   const history = useHistory();
   const restoreOriginalUri = async (_oktaAuth, originalUri) => {
-    history.replace(toRelativeUrl(originalUri || '/', window.location.origin));
+    history.replace(toRelativeUrl(originalUri || "/", window.location.origin));
   };
-  
 
   return (
     <div className="app">
       <Security oktaAuth={oktaAuth} restoreOriginalUri={restoreOriginalUri}>
         <FHDANavbar {...{ setCorsErrorModalOpen }} />
-      
+
         <Switch>
-          <Route exact path="/" render={(routerProps) => < Home routerProps={routerProps} />} />
-          <Route exact path="/catalog" render={(routerProps) => < Catalog routerProps={routerProps} />} />
-          <Route exact path="/story" render={(routerProps) => < Story routerProps={routerProps} />} />
-          <Route exact path="/about" render={(routerProps) => < About routerProps={routerProps} />} />
-          <Route path='/login' render={() => <Login config={config.oktaSignInConfig} />} />
-          <Route path='/story/new' render={() => <StoryWriter/>} />
+          <Route
+            exact
+            path="/"
+            render={(routerProps) => <Home routerProps={routerProps} />}
+          />
+          <Route
+            exact
+            path="/catalog"
+            render={(routerProps) => <Catalog routerProps={routerProps} />}
+          />
+          <Route
+            exact
+            path="/story"
+            render={(routerProps) => <Story routerProps={routerProps} />}
+          />
+          <Route
+            exact
+            path="/about"
+            render={(routerProps) => <About routerProps={routerProps} />}
+          />
+          <Route
+            path="/agreement"
+            render={(routerProps) => <Agreement routerProps={routerProps} />}
+          />
+          <Route
+            path="/login"
+            render={() => <Login config={config.oktaSignInConfig} />}
+          />
+
+          <Route path="/story/new" render={() => <StoryWriter />} />
         </Switch>
       </Security>
     </div>
diff --git a/src/pages/agreement/Agreement.js b/src/pages/agreement/Agreement.js
new file mode 100644
index 0000000..f8f1b71
--- /dev/null
+++ b/src/pages/agreement/Agreement.js
@@ -0,0 +1,107 @@
+import React, { useState, useRef } from "react";
+import Select from "react-select";
+import { Form, Button } from "react-bootstrap";
+import ShowAgreement from "./ShowAgreement";
+const { data } = require("./exampleData");
+
+const universityList = [
+  { label: "UCLA", value: "UCLA" },
+  { label: "UC Berkeley", value: "UC Berkeley" },
+  { label: "UCSD", value: "UCSD" },
+];
+
+const ccList = [
+  { label: "DeAnza College", value: "DeAnza College" },
+  { label: "Foothill College", value: "Foothill College" },
+];
+
+//this can be done by ajax
+const majorList = [
+  { label: "Physics/B.A.", value: "Physics/B.A." },
+  { label: "Mathematics/B.S.", value: "Mathematics/B.S." },
+  { label: "Data Theory/B.S.", value: "Data Theory/B.S." },
+  { label: "Computer Science/B.S.", value: "Computer Science/B.S." },
+  {
+    label: "Asian American Studies/B.A.",
+    value: "Asian American Studies/B.A.",
+  },
+  { label: "Anthropology/B.S.", value: "Anthropology/B.S." },
+  { label: "Labor Studies/B.A.", value: "Labor Studies/B.A." },
+  { label: "Global Studies/B.A.", value: "Global Studies/B.A." },
+  { label: "Psychobiology/B.S.", value: "Psychobiology/B.S." },
+];
+
+function Agreement() {
+  const [onSearchTab, setOnSearchTab] = useState(true);
+  const [loadingMajor, setLoadingMajor] = useState(false);
+
+  const [university, setUniversity] = useState("");
+  const [cc, setCc] = useState("");
+  const [major, setMajor] = useState("");
+  const [agreement, setAgreement] = useState([]);
+
+  const univRef = useRef();
+  const ccRef = useRef();
+  const majorRef = useRef();
+
+  const searchHandler = (event) => {
+    console.log(university, cc, major);
+    //fetch Data from DB, suppose we have data here
+
+    setAgreement(data["UCLA"]["DeAnza College"][major]);
+    setOnSearchTab(false);
+  };
+
+  if (onSearchTab) {
+    return (
+      <Form
+        style={{
+          width: "40vw",
+          marginLeft: "auto",
+          marginRight: "auto",
+          marginTop: "20vh",
+        }}
+      >
+        <label htmlFor="univ">Institution</label>
+        <Select
+          ref={univRef}
+          inputId="univ"
+          options={universityList}
+          onChange={(e) => {
+            setUniversity(e.value);
+          }}
+        />
+        <label htmlFor="cc">Agreements with Other Institutions</label>
+        <Select
+          ref={ccRef}
+          inputId="cc"
+          options={ccList}
+          onChange={(e) => {
+            setCc(e.value);
+          }}
+        />
+        <label htmlFor="major">Major</label>
+        <Select
+          ref={majorRef}
+          inputId="major"
+          options={majorList}
+          onChange={(e) => {
+            setMajor(e.value);
+          }}
+        />
+        <Button
+          variant="primary"
+          type="submit"
+          size="lg"
+          onClick={searchHandler}
+        >
+          Search
+        </Button>
+      </Form>
+    );
+  }
+
+  return <ShowAgreement data={agreement} style={{ textAlign: "center" }} />;
+}
+
+export default Agreement;
diff --git a/src/pages/agreement/ShowAgreement.js b/src/pages/agreement/ShowAgreement.js
new file mode 100644
index 0000000..7fcfb55
--- /dev/null
+++ b/src/pages/agreement/ShowAgreement.js
@@ -0,0 +1,216 @@
+import React from "react";
+
+const { data } = require("./exampleData");
+
+export default function Agreement(props) {
+  const renderRect = (obj) => {
+    if (
+      typeof obj["content"] === "string" ||
+      obj["content"] instanceof String
+    ) {
+      let relationshipKeyword = null;
+      {
+        if ("relationship" in obj && obj["relationship"] !== "") {
+          relationshipKeyword = (
+            <div style={{ fontWeight: "bold" }}>{obj["relationship"]}</div>
+          );
+        }
+      }
+      let foundEq = false;
+      let needBorder = false;
+      let equalRect = [];
+      if ("equivalences" in obj && obj["equivalences"] !== "") {
+        //console.log(obj["equivalences"]);
+        foundEq = true;
+        equalRect = renderEq(obj["equivalences"]);
+      }
+
+      let result = null;
+      if ("equivalences" in obj) {
+        needBorder = true;
+      }
+
+      if (needBorder) {
+        result = (
+          <React.Fragment>
+            <div style={{ clear: "both" }}></div>
+            <div>
+              <div style={{ clear: "both" }}></div>
+              <div style={{ float: "left" }}>
+                {relationshipKeyword ? relationshipKeyword : null}
+                <div style={{ border: "2px solid red", margin: "10px" }}>
+                  <div>{`${obj["content"]} - ${obj["message"]}`}</div>
+                </div>
+              </div>
+              <div style={{ float: "right" }}>
+                {relationshipKeyword ? relationshipKeyword : null}
+                {equalRect}
+              </div>
+              <div style={{ clear: "both" }}></div>
+            </div>
+          </React.Fragment>
+        );
+      } else {
+        result = (
+          <React.Fragment>
+            {relationshipKeyword ? relationshipKeyword : null}
+            <div>
+              <div>{`${obj["content"]} - ${obj["message"]}`}</div>
+            </div>
+            {equalRect}
+          </React.Fragment>
+        );
+      }
+
+      return result;
+    } else {
+      //console.log(typeof obj["content"]);
+      const rect = [];
+
+      for (const component of obj["content"]) {
+        const courseRect = renderRect(component, true);
+        rect.push(courseRect);
+      }
+
+      let equalRect = [];
+      let foundEql = false;
+      if ("equivalences" in obj && obj["equivalences"] !== "") {
+        //console.log(obj["equivalences"]);
+        foundEql = true;
+        equalRect = renderEq(obj["equivalences"]);
+      }
+
+      let needTitle = false;
+      if (obj["message"] !== "") {
+        needTitle = true;
+      }
+
+      if (foundEql) {
+        return (
+          <React.Fragment>
+            <div style={{ clear: "both" }}></div>
+            {needTitle && <h4>{obj["message"]}</h4>}
+            <div>
+              <div style={{ clear: "both" }}></div>
+              <div style={{ float: "left" }}>
+                <div style={{ fontWeight: "bold" }}>{obj["relationship"]}</div>
+                <div style={{ border: "2px solid red", margin: "10px" }}>
+                  {rect}
+                </div>
+              </div>
+              <div style={{ float: "right" }}>
+                <div style={{ fontWeight: "bold" }}>{obj["relationship"]}</div>
+                {equalRect}
+              </div>
+              <div style={{ clear: "both" }}></div>
+            </div>
+          </React.Fragment>
+        );
+      }
+
+      let flag = true;
+      if (equalRect.length === 0) {
+        flag = false;
+      }
+
+      return (
+        <React.Fragment>
+          <div style={{ clear: "both" }}></div>
+          <div style={{ fontWeight: "bold" }}>{obj["relationship"]}</div>
+          {needTitle && <h4>{obj["message"]}</h4>}
+          <div style={{ border: "2px solid red", margin: "10px" }}>{rect}</div>
+          {flag && (
+            <div style={{ fontWeight: "bold" }}>{obj["relationship"]}</div>
+          )}
+          {equalRect}
+        </React.Fragment>
+      );
+    }
+  };
+
+  const renderEq = (obj) => {
+    if (
+      typeof obj["content"] === "string" ||
+      obj["content"] instanceof String
+    ) {
+      let relationshipKeyword = null;
+      {
+        if ("relationship" in obj && obj["relationship"] !== "") {
+          //console.log(obj["relationship"]);
+          relationshipKeyword = (
+            <div style={{ fontWeight: "bold" }}>{obj["relationship"]}</div>
+          );
+        }
+      }
+
+      return (
+        <React.Fragment>
+          {relationshipKeyword ? relationshipKeyword : null}
+          <div>
+            <div>{`${obj["content"]} - ${obj["message"]}`}</div>
+          </div>
+        </React.Fragment>
+      );
+    } else {
+      const rect = [];
+      for (const component of obj["content"]) {
+        const courseRect = renderEq(component);
+        rect.push(courseRect);
+      }
+
+      let relationshipKeyword = null;
+      {
+        if ("relationship" in obj && obj["relationship"] !== "") {
+          relationshipKeyword = (
+            <div style={{ fontWeight: "bold" }}>{obj["relationship"]}</div>
+          );
+        }
+      }
+
+      return (
+        <React.Fragment>
+          {relationshipKeyword ? relationshipKeyword : null}
+          <div style={{ border: "2px solid blue", margin: "10px" }}>{rect}</div>
+        </React.Fragment>
+      );
+    }
+  };
+
+  const rawWholeAgreement = props.data;
+  console.log(props.data);
+
+  const wholeAgreement = [];
+
+  for (const section of rawWholeAgreement) {
+    if (
+      typeof section["content"] === "string" ||
+      section["content"] instanceof String
+    ) {
+      wholeAgreement.push(
+        <div>
+          <h4>{section["message"]}</h4>
+          <p
+            style={{ border: "2px solid purple", margin: "10px" }}
+            dangerouslySetInnerHTML={{ __html: section["content"] }}
+          ></p>
+        </div>
+      );
+    } else {
+      wholeAgreement.push(renderRect(section));
+    }
+  }
+  return (
+    <React.Fragment>
+      <h1 style={{ textAlign: "center" }}>Agreement Example</h1>
+      <div
+        style={{
+          border: "4px solid green",
+          margin: "10px",
+          textAlign: "center",
+        }}
+      >
+        {wholeAgreement}
+      </div>
+    </React.Fragment>
+  );
+}
diff --git a/src/pages/agreement/exampleData.js b/src/pages/agreement/exampleData.js
new file mode 100644
index 0000000..3424131
--- /dev/null
+++ b/src/pages/agreement/exampleData.js
@@ -0,0 +1,2560 @@
+exports.data = {
+  _id: "60e50d697f855c111c9b9a55",
+  version: "v3",
+  UCLA: {
+    "DeAnza College": {
+      "Physics/B.A.": [
+        {
+          message: "IMPORTANT MAJOR INFORMATION",
+          content: "This is the major info of physics major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "LOWER DIVISION MAJOR REQUIREMENTS",
+          content: [
+            {
+              message: "",
+              content: [
+                {
+                  message:
+                    "Physics for Scientists and Engineers: Mechanics (5.00)",
+                  content: "PHYSICS 1A",
+                  relationship: "",
+                },
+                {
+                  message:
+                    "Physics for Scientists and Engineers: Oscillations, Waves, Electricand Magnetic Fields (5.00)",
+                  content: "PHYSICS 1B",
+                  relationship: "and",
+                },
+                {
+                  message:
+                    "Physics for Scientists and Engineers: Electrodynamics, Optics, and Special Relativity (5.00)",
+                  content: "PHYSICS 1C",
+                  relationship: "and",
+                },
+                {
+                  message:
+                    "Physics Laboratory for Scientists and Engineers: Mechanics (2.00)",
+                  content: "PHYSICS 4AL",
+                  relationship: "and",
+                },
+                {
+                  message:
+                    "Physics Laboratory for Scientists and Engineers: Electricity and Magnetism (2.00)",
+                  content: "PHYSICS 4BL",
+                  relationship: "and",
+                },
+              ],
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message:
+                      "Physics for Scientists and Engineers: Mechanics (6.00)",
+                    content: "PHYS 4A",
+                    relationship: "",
+                  },
+                  {
+                    message:
+                      "Physics for Scientists and Engineers: Electricity and Magnetism (6.00)",
+                    content: "PHYS 4B",
+                    relationship: "and",
+                  },
+                  {
+                    message:
+                      "Physics for Scientists and Engineers: Fluids, Waves, Optics and Thermodynamics (6.00)",
+                    content: "PHYS 4C",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message:
+                "Elements of Quantum Mechanics and Statistical Mechanics (4.00)",
+              content: "PHYSICS 17",
+              relationship: "",
+              equivalences: {
+                message: "No Course Articulated",
+                content: "",
+                relationship: "",
+              },
+            },
+            {
+              message: "Modern Physics Laboratory (4.00)",
+              content: "PHYSICS 18L",
+              relationship: "",
+              equivalences: {
+                message: "No Course Articulated",
+                content: "",
+                relationship: "",
+              },
+            },
+            {
+              message: "CHEMICAL STRUCTURE (4.00)",
+              content: "CHEM 20A",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "General Chemistry (5.00)",
+                    content: "CHEM 1A",
+                    relationship: "",
+                  },
+                  {
+                    message: "General Chemistry (5.00)",
+                    content: "CHEM 1B",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message: "Differentialand Integral Calculus (4.00)",
+                  content: "MATH 31A",
+                  relationship: "",
+                  equivalences: {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1A",
+                    relationship: "",
+                  },
+                },
+                {
+                  message:
+                    "Differentialand Integral Calculus Laboratory (5.00)",
+                  content: "MATH 31AL",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Integration and InfiniteSeries (4.00)",
+                  content: "MATH 31B",
+                  relationship: "and",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message: "Calculus (5.00)",
+                        content: "MATH 1B",
+                        relationship: "",
+                      },
+                      {
+                        message: "Calculus (5.00)",
+                        content: "MATH 1C",
+                        relationship: "and",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "",
+              equivalences: "",
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message: "Calculus of Several Variables (4.00)",
+                  content: "MATH 32A",
+                  relationship: "",
+                },
+                {
+                  message: "Calculus of Several Variables (4.00)",
+                  content: "MATH 32B",
+                  relationship: "and",
+                },
+              ],
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1C",
+                    relationship: "",
+                  },
+                  {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1D",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Linear Algebra and Applications (4.00)",
+              content: "MATH 33A",
+              relationship: "",
+              equivalences: {
+                message: "Linear Algebra (5.00)",
+                content: "MATH 2B",
+                relationship: "",
+              },
+            },
+            {
+              message: "DifferentialEquations (4.00)",
+              content: "MATH 33B",
+              relationship: "",
+              equivalences: {
+                message: "DifferentialEquations (5.00)",
+                content: "MATH 2A",
+                relationship: "",
+              },
+            },
+          ],
+          relationship: "",
+        },
+      ],
+      "Mathematics/B.S.": [
+        {
+          message: "IMPORTANT MAJOR INFORMATION",
+          content: "This is the major info of math major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "ADDITIONAL RECOMMENDED MAJOR PREPARATION",
+          content: "This is the additional info of math major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "LOWER DIVISION MAJOR REQUIREMENTS",
+          content: [
+            {
+              message: "",
+              content: [
+                {
+                  message: "Differentialand Integral Calculus (4.00)",
+                  content: "MATH 31A",
+                  relationship: "",
+                  equivalences: {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1A",
+                    relationship: "",
+                  },
+                },
+                {
+                  message:
+                    "Differentialand Integral Calculus Laboratory (5.00)",
+                  content: "MATH 31AL",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "",
+              equivalences: "",
+            },
+            {
+              message: "Integration and InfiniteSeries (4.00)",
+              content: "MATH 31B",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1B",
+                    relationship: "",
+                  },
+                  {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1C",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message: "Calculus ofSeveral Variables (4.00)",
+                  content: "MATH 32A",
+                  relationship: "",
+                },
+                {
+                  message: "Calculus ofSeveral Variables (4.00)",
+                  content: "MATH 32B",
+                  relationship: "and",
+                },
+              ],
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1C",
+                    relationship: "",
+                  },
+                  {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1D",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Linear Algebra and Applications (4.00)",
+              content: "MATH 33A",
+              relationship: "",
+              equivalences: {
+                message: "Linear Algebra (5.00)",
+                content: "MATH 2B",
+                relationship: "",
+              },
+            },
+            {
+              message: "DifferentialEquations (4.00) ",
+              content: "MATH 33B",
+              relationship: "",
+              equivalences: {
+                message: "DifferentialEquations (5.00)",
+                content: "MATH 2A",
+                relationship: "",
+              },
+            },
+            {
+              message: "Introduction to Programming(C++) (5.00)",
+              content: "COMPTNG 10A",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Programming in C++ for C/Java Programmers (4.50)",
+                    content: "CIS 27",
+                    relationship: "",
+                  },
+                  {
+                    message: "",
+                    content: [
+                      {
+                        message:
+                          "Beginning Programming Methodologies in C++ (4.50)",
+                        content: "CIS 22A",
+                        relationship: "",
+                      },
+                      {
+                        message:
+                          "Intermediate Programming Methodologies in C++ (4.50)",
+                        content: "CIS 22B",
+                        relationship: "and",
+                      },
+                    ],
+                    relationship: "or",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Physics for Scientists and Engineers: Mechanics (5.00)",
+              content: "PHYSICS 1A",
+              relationship: "",
+              equivalences: {
+                message:
+                  "Physics for Scientists and Engineers: Mechanics (6.00)",
+                content: "PHYS 4A",
+                relationship: "",
+              },
+            },
+            {
+              message: "Select 2 Course(s) from the following",
+              content: [
+                {
+                  message: "CHEMICAL STRUCTURE (4.00)",
+                  content: "CHEM 20A",
+                  relationship: "",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message: "General Chemistry (5.00)",
+                        content: "CHEM 1A",
+                        relationship: "",
+                      },
+                      {
+                        message: "General Chemistry (5.00)",
+                        content: "CHEM 1B",
+                        relationship: "and",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "ChemicalEnergetics and Change(4.00) ",
+                  content: "CHEM 20B",
+                  relationship: "",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message: "General Chemistry (5.00)",
+                        content: "CHEM 1B",
+                        relationship: "",
+                      },
+                      {
+                        message:
+                          "General Chemistry and Qualitative Analysis (5.00)",
+                        content: "CHEM 1C",
+                        relationship: "and",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "MicroeconomicTheory (4.00)",
+                  content: "ECON 11",
+                  relationship: "",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Logic, First Course(5.00)",
+                  content: "PHILOS 31",
+                  relationship: "",
+                  equivalences: {
+                    message: "DeductiveLogic (4.00)",
+                    content: "PHIL 7",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "",
+                  content: [
+                    {
+                      message:
+                        "Physics for LifeSciences Majors: Thermodynamics, Fluids, Waves, Light, and Optics (5.00)",
+                      content: "PHYSICS 5B -",
+                      relationship: "",
+                    },
+                    {
+                      message:
+                        "Physics for LifeSciences Majors: Electricity, Magnetism, and Modern Physics (5.00)",
+                      content: "PHYSICS 5C",
+                      relationship: "and",
+                    },
+                  ],
+                  relationship: "",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "",
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message:
+                    "Physics for Scientists and Engineers: Oscillations, Waves, Electricand Magnetic Fields (5.00)",
+                  content: "PHYSICS 1B",
+                  relationship: "",
+                  equivalences: {
+                    message:
+                      "Physics for Scientists and Engineers: Electricity and Magnetism (6.00)",
+                    content: "PHYS 4B",
+                    relationship: "",
+                  },
+                },
+                {
+                  message:
+                    "Physics for Scientists and Engineers: Electrodynamics, Optics, and Special Relativity (5.00)",
+                  content: "PHYSICS 1C",
+                  relationship: "and",
+                  equivalences: {
+                    message:
+                      "Physics for Scientists and Engineers: Fluids, Waves, Optics and Thermodynamics (6.00)",
+                    content: "PHYS 4C",
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "or",
+            },
+            {
+              message: "Celland Molecular Biology (5.00)",
+              content: "LIFESCI 7A",
+              relationship: "",
+              equivalences: {
+                message: "Celland Molecular Biology (6.00)",
+                content: "BIOL 6B",
+                relationship: "",
+              },
+            },
+          ],
+          relationship: "",
+        },
+      ],
+      "Data Theory/B.S.": [
+        {
+          message: "IMPORTANT MAJOR INFORMATION",
+          content: "This is the major info of data theory major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "ADDITIONAL INFORMATION",
+          content: "ADDITIONAL INFORMATION of data theory major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "LOWER DIVISION MAJOR REQUIREMENTS",
+          content: [
+            {
+              message: "",
+              content: [
+                {
+                  message: "Differentialand Integral Calculus (4.00)",
+                  content: "MATH 31A",
+                  relationship: "",
+                  equivalences: {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1A",
+                    relationship: "",
+                  },
+                },
+                {
+                  message:
+                    "Differentialand Integral Calculus Laboratory (5.00)",
+                  content: "MATH 31AL",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "",
+            },
+            {
+              message: "Integration and InfiniteSeries (4.00)",
+              content: "MATH 31B",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1B",
+                    relationship: "",
+                  },
+                  {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1C",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Calculus ofSeveral Variables (4.00)",
+              content: "MATH 32A",
+              relationship: "",
+              equivalences: {
+                message: "Calculus (5.00)",
+                content: "MATH 1C",
+                relationship: "",
+              },
+            },
+            {
+              message: "Calculus ofSeveral Variables (4.00)",
+              content: "MATH 32B",
+              relationship: "",
+              equivalences: {
+                message: "Calculus (5.00)",
+                content: "MATH 1D",
+                relationship: "",
+              },
+            },
+            {
+              message: "Linear Algebra and Applications (4.00)",
+              content: "MATH 33A",
+              relationship: "",
+              equivalences: {
+                message: "Linear Algebra (5.00)",
+                content: "MATH 2B",
+                relationship: "",
+              },
+            },
+            {
+              message:
+                "Introduction to Data Driven Mathematical Modeling: Life, The Universe, and Everything (4.00)",
+              content: "MATH 42",
+              relationship: "",
+              equivalences: {
+                message: "No Course Articulated",
+                content: "",
+                relationship: "",
+              },
+            },
+            {
+              message: "Introduction to Programming(C++) (5.00)",
+              content: "COMPTNG 10A",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Programming in C++ for C/Java Programmers (4.50)",
+                    content: "CIS 27",
+                    relationship: "",
+                  },
+                  {
+                    message: "",
+                    content: [
+                      {
+                        message:
+                          "Beginning Programming Methodologies in C++ (4.50)",
+                        content: "CIS 22A",
+                        relationship: "",
+                      },
+                      {
+                        message:
+                          "Intermediate Programming Methodologies in C++ (4.50)",
+                        content: "CIS 22B",
+                        relationship: "and",
+                      },
+                    ],
+                    relationship: "or",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Select 1 or more Course(s) from the following",
+              content: [
+                {
+                  message: "Introduction to Statistical Reasoning (5.00)",
+                  content: "STATS 10",
+                  relationship: "",
+                  equivalences: {
+                    message: "Introductory Statistics (5.00)",
+                    content: "MATH 10",
+                    relationship: "",
+                  },
+                },
+                {
+                  message:
+                    "Introduction to Statistical Methods for Geography and EnvironmentalStudies (5.00)",
+                  content: "STATS 12",
+                  relationship: "or",
+                  equivalences: {
+                    message: "Introductory Statistics (5.00)",
+                    content: "MATH 10",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "",
+                  content: [
+                    {
+                      message:
+                        "Introduction to Statistical Methods for Lifeand Health Sciences (5.00)",
+                      content: "STATS 13",
+                      relationship: "",
+                      equivalences: {
+                        message: "Introductory Statistics (5.00)",
+                        content: "MATH 10",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message:
+                        "Introduction to Statistical Programming with R. (4.00)",
+                      content: "STATS 20",
+                      relationship: "and",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                  ],
+                  relationship: "or",
+                },
+              ],
+              relationship: "",
+            },
+          ],
+          relationship: "",
+        },
+      ],
+      "Computer Science/B.S.": [
+        {
+          message: "IMPORTANT MAJOR DETAILS",
+          content:
+            "Admission to the Henry Samueli School of Engineering and Applied Sciences at UCLA is highly competitive. The most important selection criteria are completion of the required preparatory courses and academic performance. Listed below are the lower division preparation courses for the major. All applicants must have a minimum transferable cumulative GPA of 3.4. Preparatory courses must be completed by the end of spring prior to fall enrollment. All major courses must be taken for a letter grade. HSSEAS admits students by major and does NOT consider applicants for alternate majors. Applicants are not required to complete the HSSEAS General Education Requirements in order to be admitted, although it is beneficial for students to complete 1 course from each of the following areas: arts, humanities, social sciences, and life sciences. Applicants can fulfill the lower division General Education requirement by completion of the Intersegmental General Transfer Curriculum (IGETC). Partial IGETC is NOT accepted. For more information regarding this major and UCLA's transfer selection process, visit www.admission.ucla.edu. If you still have specific questions, you may email the HSSEAS admissions office at erkki@seas.ucla.edu.  PLEASE NOTE: the community college courses listed below have been approved to satisfy the preparation requirements for this major at UCLA, but they may not be exact equivalents of the UCLA courses listed. In addition, upper division requirements for the major may be satisfied by lower division community college course(s) listed below, however specific credit will be determined by the department after transfer.",
+          relationship: "",
+        },
+        {
+          message: "PROGRAMMING REQUIREMENT",
+          content:
+            "This is the programming requirement info of cs major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "ADDITIONAL IMPORTANT GENERAL MAJOR INFORMATION",
+          content: "ADDITIONAL IMPORTANT GENERAL MAJOR INFORMATION CONTENT",
+          relationship: "",
+        },
+        {
+          message: "LOWER DIVISION MAJOR REQUIREMENTS",
+          content: [
+            {
+              message: "Differentialand Integral Calculus (4.00)",
+              content: "MATH 31A",
+              relationship: "",
+              equivalences: {
+                message: "Calculus (5.00)",
+                content: "MATH 1A",
+                relationship: "",
+              },
+            },
+            {
+              message: "Integration and InfiniteSeries (4.00)",
+              content: "MATH 31B",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1B",
+                    relationship: "",
+                  },
+                  {
+                    message: "Calculus (5.00)",
+                    content: "MATH 1C",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Calculus ofSeveral Variables (4.00)",
+              content: "MATH 32A",
+              relationship: "",
+              equivalences: {
+                message: "Calculus (5.00)",
+                content: "MATH 1C",
+                relationship: "",
+              },
+            },
+            {
+              message: "Calculus ofSeveral Variables (4.00)",
+              content: "MATH 32B",
+              relationship: "",
+              equivalences: {
+                message: "Calculus (5.00)",
+                content: "MATH 1D",
+                relationship: "",
+              },
+            },
+            {
+              message: "Linear Algebra and Applications (4.00)",
+              content: "MATH 33A",
+              relationship: "",
+              equivalences: {
+                message: "Linear Algebra (5.00)",
+                content: "MATH 2B",
+                relationship: "",
+              },
+            },
+            {
+              message: "DifferentialEquations (4.00)",
+              content: "MATH 33B",
+              relationship: "",
+              equivalences: {
+                message: "DifferentialEquations (5.00)",
+                content: "MATH 2A",
+                relationship: "",
+              },
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message:
+                    "Physics for Scientists and Engineers: Mechanics (5.00)",
+                  content: "PHYSICS 1A",
+                  relationship: "",
+                },
+                {
+                  message:
+                    "Physics for Scientists and Engineers: Oscillations, Waves, Electricand Magnetic Fields (5.00)",
+                  content: "PHYSICS 1B",
+                  relationship: "and",
+                },
+                {
+                  message:
+                    "Physics for Scientists and Engineers: Electrodynamics, Optics, and Special Relativity (5.00)",
+                  content: "PHYSICS 1C",
+                  relationship: "and",
+                },
+              ],
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message:
+                      "Physics for Scientists and Engineers: Mechanics (6.00)",
+                    content: "PHYS 4A",
+                    relationship: "",
+                  },
+                  {
+                    message:
+                      "Physics for Scientists and Engineers: Electricity and Magnetism (6.00)",
+                    content: "PHYS 4B",
+                    relationship: "and",
+                  },
+                  {
+                    message:
+                      "Physics for Scientists and Engineers: Fluids, Waves, Optics and Thermodynamics (6.00)",
+                    content: "PHYS 4C",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message:
+                    "Physics Laboratory for Scientists and Engineers: Mechanics (2.00) Please refer to additional important General Information section above",
+                  content: "PHYSICS 4AL",
+                  relationship: "",
+                },
+                {
+                  message:
+                    "Physics Laboratory for Scientists and Engineers: Electricity and Magnetism (2.00) Please refer to additional important General Information section above",
+                  content: "PHYSICS 4BL",
+                  relationship: "or",
+                },
+              ],
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Articulates as a Series Only",
+                    content: "",
+                    relationship: "",
+                  },
+                  {
+                    message: "Articulates as a Series Only",
+                    content: "",
+                    relationship: "or",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "English Composition, Rhetoric, and Language(5.00)",
+              content: "ENGCOMP 3",
+              relationship: "",
+              equivalences: {
+                message: "Composition and Reading (5.00)",
+                content: "EWRT 1A",
+                relationship: "",
+              },
+            },
+            {
+              message: "Select 1 Course(s) from the following",
+              content: [
+                {
+                  message: "One additional course in English composition",
+                  content: "",
+                  relationship: "",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message:
+                          "Argumentation: Analysis of Oraland Written Communication (5.00)",
+                        content: "COMM 9",
+                        relationship: "",
+                      },
+                      {
+                        message: "Reading, Writing and Research (5.00)",
+                        content: "WRT 1B",
+                        relationship: "or",
+                      },
+                      {
+                        message: "Reading, Writing and Research - HONORS(5.00)",
+                        content: "EWRT 1BH",
+                        relationship: "or",
+                      },
+                      {
+                        message: "Literatureand Composition (5.00)",
+                        content: "EWRT 1C",
+                        relationship: "or",
+                      },
+                      {
+                        message:
+                          "Critical Reading, Writing and Thinking (5.00)",
+                        content: "EWRT 2",
+                        relationship: "or",
+                      },
+                      {
+                        message: "CriticalThinking and Writing (5.00)",
+                        content: "PHIL 3",
+                        relationship: "or",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "and",
+            },
+            {
+              message: "Select 1 Course(s) from the following",
+              content: [
+                {
+                  message: "One course in computer programming: C++ preferred",
+                  content: "",
+                  relationship: "",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message:
+                          "Programming in C++ for C/Java Programmers (4.50)",
+                        content: "CIS 27",
+                        relationship: "",
+                      },
+                      {
+                        message: "Advanced C++ Programming (4.50)",
+                        content: "CIS 29",
+                        relationship: "or",
+                      },
+                      {
+                        message: "",
+                        content: [
+                          {
+                            message:
+                              "Beginning Programming Methodologies in C++ (4.50)",
+                            content: "CIS 22A",
+                            relationship: "",
+                          },
+                          {
+                            message:
+                              "Intermediate Programming Methodologies in C++ - HONORS(4.50)",
+                            content: "CIS 22BH",
+                            relationship: "and",
+                          },
+                        ],
+                        relationship: "or",
+                      },
+                      {
+                        message:
+                          "Intermediate Programming Methodologies in C++ (4.50)",
+                        content: "CIS 22B",
+                        relationship: "or",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "and",
+            },
+          ],
+          relationship: "",
+        },
+        {
+          message: "STRONGLY RECOMMENDED COURSES",
+          content: [
+            {
+              message: "Introduction to Computer ScienceI (4.00)",
+              content: "COM SCI 31",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "",
+                    content: [
+                      {
+                        message:
+                          "Beginning Programming Methodologies in C++ (4.50)",
+                        content: "CIS 22A",
+                        relationship: "",
+                      },
+                      {
+                        message:
+                          "Intermediate Programming Methodologies in C++ (4.50)",
+                        content: "CIS 22B",
+                        relationship: "and",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                  {
+                    message: "",
+                    content: [
+                      {
+                        message:
+                          "Beginning Programming Methodologies in C++ (4.50)",
+                        content: "CIS 22A",
+                        relationship: "",
+                      },
+                      {
+                        message:
+                          "Intermediate Programming Methodologies in C++ - HONORS(4.50)",
+                        content: "CIS 22BH",
+                        relationship: "and",
+                      },
+                    ],
+                    relationship: "or",
+                  },
+                  {
+                    message: "Programming in C++ for C/Java Programmers (4.50)",
+                    content: "CIS 27",
+                    relationship: "or",
+                  },
+                  {
+                    message:
+                      "Intermediate Programming Methodologies in C++ (4.50)",
+                    content: "CIS 22B",
+                    relationship: "or",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Introduction to Computer ScienceII (4.00)",
+              content: "COM SCI 32",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message:
+                      "Intermediate Programming Methodologies in C++ (4.50)",
+                    content: "CIS 22B",
+                    relationship: "",
+                  },
+                  {
+                    message: "Data Abstraction and Structures (4.50)",
+                    content: "CIS 22C",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Introduction to Computer Organization (5.00)",
+              content: "COM SCI 33",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message:
+                      "Introduction to x86 Processor Assembly Languageand Computer Architecture(4.50)",
+                    content: "CIS 21JA",
+                    relationship: "",
+                  },
+                  {
+                    message:
+                      "Advanced x86 Processor Assembly Programming (4.50)",
+                    content: "CIS 21JB",
+                    relationship: "or",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Logic Design of DigitalSystems (4.00)",
+              content: "COM SCI M51A",
+              relationship: "",
+              equivalences: {
+                message: "No Course Articulated",
+                content: "",
+                relationship: "",
+              },
+            },
+            {
+              message: "Introduction to DiscreteStructures (4.00)",
+              content: "MATH 61",
+              relationship: "",
+              equivalences: {
+                message: "Discrete Mathematics (5.00)",
+                content: "MATH 22",
+                relationship: "",
+              },
+            },
+          ],
+          relationship: "",
+        },
+      ],
+      "Asian American Studies/B.A.": [
+        {
+          message: "IMPORTANT MAJOR INFORMATION",
+          content:
+            "This is the major info of Asian American Studies major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "ADDITIONAL NOTE",
+          content:
+            "This is the additional note for Asian American Studies major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "LOWER DIVISION MAJOR REQUIREMENTS",
+          content: [
+            {
+              message: "Select 1 Course(s) from the following",
+              content: [
+                {
+                  message: "History of Asian Americans (5.00)",
+                  content: "ASIA AM 10",
+                  relationship: "",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message:
+                          "Asian American Experience Past and Present (4.00)",
+                        content: "ASAM 1",
+                        relationship: "",
+                      },
+                      {
+                        message:
+                          "Introduction to Pacific Islander History and Culture(4.00)",
+                        content: "ASAM 31",
+                        relationship: "or",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "History of Asian Americans (5.00)",
+                  content: "ASIA AM 10W",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Contemporary Asian American Communities (5.00)",
+                  content: "ASIA AM 20",
+                  relationship: "or",
+                  equivalences: {
+                    message: "Contemporary Asian American Communities (4.00)",
+                    content: "ASAM 10",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Contemporary Asian American (5.00)",
+                  content: "ASIA AM 20W",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Asian American Literatureand Culture(5.00)",
+                  content: "ASIA AM 30",
+                  relationship: "or",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message:
+                          "Asian Pacific American Literature(4.00) Same-As: ASAM 20",
+                        content: "ELIT 24",
+                        relationship: "",
+                      },
+                      {
+                        message:
+                          "Asian Pacific American Literature(4.00) Same-As: ELIT 24",
+                        content: "ASAM 20",
+                        relationship: "or",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Asian American Movement (5.00)",
+                  content: "ASIA AM 40",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Asian American Movement (5.00)",
+                  content: "ASIA AM 40W",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Asian American Women (5.00)",
+                  content: "ASIA AM 50",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Asian American Women (5.00)",
+                  content: "ASIA AM 50W",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "",
+            },
+          ],
+          relationship: "",
+        },
+      ],
+      "Anthropology/B.S.": [
+        {
+          message: "IMPORTANT MAJOR INFORMATION",
+          content: "This is the major info of Anthropology major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "ADDITIONAL NOTES:",
+          content: "This is the additional note for Anthropolog major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "LOWER DIVISION MAJOR REQUIREMENTS",
+          content: [
+            {
+              message: "HUMAN EVOLUTION (5.00)",
+              content: "ANTHRO 1",
+              relationship: "",
+              equivalences: {
+                message: "Physical Anthropology (4.00)",
+                content: "ANTH 1",
+                relationship: "",
+              },
+            },
+            {
+              message: "Archaeology: Introduction (5.00)",
+              content: "ANTHRO 2",
+              relationship: "",
+              equivalences: {
+                message: "World Prehistory (4.00)",
+                content: "ANTH 4",
+                relationship: "",
+              },
+            },
+            {
+              message: "CULTURE AND SOCIETY (5.00)",
+              content: "ANTHRO 3",
+              relationship: "",
+              equivalences: {
+                message: "Cultural Anthropology (4.00)",
+                content: "ANTH 2",
+                relationship: "",
+              },
+            },
+            {
+              message: "Cultureand Communication (5.00)",
+              content: "ANTHRO 4",
+              relationship: "",
+              equivalences: {
+                message: "No Course Articulated",
+                content: "",
+                relationship: "",
+              },
+            },
+            {
+              message: "Celland Molecular Biology (5.00)",
+              content: "LIFESCI 7A",
+              relationship: "",
+              equivalences: {
+                message: "Celland Molecular Biology (6.00)",
+                content: "BIOL 6B",
+                relationship: "",
+              },
+            },
+            {
+              message: "Genetics, Evolution, and Ecology (5.00)",
+              content: "LIFESCI 7B",
+              relationship: "",
+              equivalences: {
+                message: "Ecology and Evolution (6.00)",
+                content: "BIOL 6C",
+                relationship: "",
+              },
+            },
+            {
+              message: "Physiology and Human Biology (5.00)",
+              content: "LIFESCI 7C",
+              relationship: "",
+              equivalences: {
+                message: "Form and Function in the Biological World (6.00)",
+                content: "BIOL 6A",
+                relationship: "",
+              },
+            },
+            {
+              message:
+                "Introduction to Laboratory and Scientific Methodology (3.00)",
+              content: "LIFESCI 23L",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Form and Function in the Biological World (6.00)",
+                    content: "BIOL 6A",
+                    relationship: "",
+                  },
+                  {
+                    message: "Celland Molecular Biology (6.00)",
+                    content: "BIOL 6B",
+                    relationship: "and",
+                  },
+                  {
+                    message: "Ecology and Evolution (6.00)",
+                    content: "BIOL 6C",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message: "CHEMICAL STRUCTURE (4.00)",
+                  content: "CHEM 20A",
+                  relationship: "",
+                },
+                {
+                  message: "ChemicalEnergetics and Change(4.00)",
+                  content: "CHEM 20B",
+                  relationship: "and",
+                },
+                {
+                  message: "General Chemistry Laboratory (3.00)",
+                  content: "CHEM 20L",
+                  relationship: "and",
+                },
+                {
+                  message: "General Chemistry Laboratory II (4.00)",
+                  content: "CHEM 30AL",
+                  relationship: "and",
+                },
+              ],
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "General Chemistry (5.00)",
+                    content: "CHEM 1A",
+                    relationship: "",
+                  },
+                  {
+                    message: "General Chemistry (5.00)",
+                    content: "CHEM 1B",
+                    relationship: "and",
+                  },
+                  {
+                    message:
+                      "General Chemistry and Qualitative Analysis (5.00)",
+                    content: "CHEM 1C",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Organic Chemistry I: Structureand Reactivity (4.00)",
+              content: "CHEM 30A",
+              relationship: "",
+              equivalences: {
+                message: "Organic Chemistry (5.00)",
+                content: "CHEM 12A",
+                relationship: "",
+              },
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message: "",
+                  content: [
+                    {
+                      message: "Calculus for LifeSciences Students (4.00)",
+                      content: "MATH 3A",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Calculus for LifeSciences Students (4.00)",
+                      content: "MATH 3B",
+                      relationship: "and",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message:
+                        "Ordinary DifferentialEquations With Linear Algebra for LifeSciences Students (4.00)",
+                      content: "MATH 3C",
+                      relationship: "and",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message:
+                        "Introduction to Statistical Methods for Geography and EnvironmentalStudies (5.00) -Acceptable substitute",
+                      content: "STATS 12",
+                      relationship: "and",
+                      equivalences: {
+                        message: "Introductory Statistics (5.00)",
+                        content: "MATH 10",
+                        relationship: "",
+                      },
+                    },
+                  ],
+                  relationship: "",
+                },
+                {
+                  message: "",
+                  content: [
+                    {
+                      message: "",
+                      content: [
+                        {
+                          message: "Differentialand Integral Calculus (4.00)",
+                          content: "MATH 31A",
+                          relationship: "",
+                          equivalences: {
+                            message: "Calculus (5.00)",
+                            content: "MATH 1A",
+                            relationship: "",
+                          },
+                        },
+                        {
+                          message: "Integration and InfiniteSeries (4.00)",
+                          content: "MATH 31B",
+                          relationship: "and",
+                          equivalences: {
+                            message: "",
+                            content: [
+                              {
+                                message: "Calculus (5.00)",
+                                content: "MATH 1B",
+                                relationship: "",
+                              },
+                              {
+                                message: "Calculus (5.00)",
+                                content: "MATH 1C",
+                                relationship: "and",
+                              },
+                            ],
+                            relationship: "",
+                          },
+                        },
+                        {
+                          message:
+                            "Introduction to Statistical Methods for Geography and EnvironmentalStudies (5.00) -Acceptable substitute",
+                          content: "STATS 12",
+                          relationship: "and",
+                          equivalences: {
+                            message: "Introductory Statistics (5.00)",
+                            content: "MATH 10",
+                            relationship: "",
+                          },
+                        },
+                      ],
+                      relationship: "",
+                    },
+                    {
+                      message: "",
+                      content: [
+                        {
+                          message: "Mathematics for LifeScientists (5.00)",
+                          content: "LIFESCI 30A",
+                          relationship: "",
+                          equivalences: {
+                            message: "No Course Articulated",
+                            content: "",
+                            relationship: "",
+                          },
+                        },
+                        {
+                          message: "Mathematics for LifeScientists (5.00)",
+                          content: "LIFESCI 30B",
+                          relationship: "and",
+                          equivalences: {
+                            message: "No Course Articulated",
+                            content: "",
+                            relationship: "",
+                          },
+                        },
+                        {
+                          message:
+                            "Introduction to Statistical Methods for Lifeand Health Sciences (5.00) -Acceptable substitute",
+                          content: "STATS 13",
+                          relationship: "and",
+                          equivalences: {
+                            message: "Introductory Statistics (5.00)",
+                            content: "MATH 10",
+                            relationship: "",
+                          },
+                        },
+                        {
+                          message:
+                            "Physics for LifeSciences Majors: Mechanics, and Energy (5.00)",
+                          content: "PHYSICS 5A",
+                          relationship: "",
+                          equivalences: {
+                            message: "General Introductory Physics (5.00)",
+                            content: "PHYS 2A",
+                            relationship: "",
+                          },
+                        },
+                        {
+                          message:
+                            "Physics for LifeSciences Majors: Thermodynamics, Fluids, Waves, Light, and Optics (5.00)",
+                          content: "PHYSICS 5B",
+                          relationship: "and",
+                          equivalences: {
+                            message: "General Introductory Physics (5.00)",
+                            content: "PHYS 2B",
+                            relationship: "",
+                          },
+                        },
+                        {
+                          message:
+                            "Physics for LifeSciences Majors: Electricity, Magnetism, and Modern Physics (5.00)",
+                          content: "PHYSICS 5C",
+                          relationship: "",
+                          equivalences: {
+                            message: "General Introductory Physics (5.00)",
+                            content: "PHYS 2C",
+                            relationship: "",
+                          },
+                        },
+                      ],
+                      relationship: "or",
+                    },
+                  ],
+                  relationship: "or",
+                },
+              ],
+              relationship: "",
+            },
+          ],
+          relationship: "",
+        },
+      ],
+      "Labor Studies/B.A.": [
+        {
+          message: "IMPORTANT MAJOR INFORMATION",
+          content: "This is the major info of Labor Studies major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "LOWER DIVISION MAJOR REQUIREMENTS",
+          content: [
+            {
+              message: "",
+              content: [
+                {
+                  message: "Introduction to Labor and WorkplaceStudies (5.00)",
+                  content: "LBR & WS 10",
+                  relationship: "",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Select 2 Course(s) from the following",
+                  content: [
+                    {
+                      message: "Introduction to Black Studies (5.00)",
+                      content: "AF AMER 1",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message:
+                        "Social Organization of Black Communities (5.00) Same-As: AF AMER M5",
+                      content: "SOCIOL M5",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "History of Asian Americans (5.00)",
+                      content: "ASIA AM 10",
+                      relationship: "",
+                      equivalences: {
+                        message: "",
+                        content: [
+                          {
+                            message:
+                              "Asian American Experience Past and Present (4.00)",
+                            content: "ASAM 1",
+                            relationship: "",
+                          },
+                          {
+                            message:
+                              "Introduction to Pacific Islander History and Culture (4.00)",
+                            content: "ASAM 31",
+                            relationship: "or",
+                          },
+                        ],
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Contemporary Asian American Communities (5.00)",
+                      content: "ASIA AM 20",
+                      relationship: "",
+                      equivalences: {
+                        message:
+                          "Contemporary Asian American Communities (4.00)",
+                        content: "ASAM 10",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Asian American Movement (5.00)",
+                      content: "ASIA AM 40",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Asian American Women (5.00)",
+                      content: "ASIA AM 50",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message:
+                        "Introduction to Chicana/Chicano Studies: Social Structureand Contemporary Conditions (5.00)",
+                      content: "CHICANO 10B",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Introduction to Gender Studies (5.00)",
+                      content: "GENDER 10",
+                      relationship: "",
+                      equivalences: {
+                        message: "Introduction to Women's Studies (4.00)",
+                        content: "WMST 1",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message:
+                        "Globalization: Regional Development and World Economy (5.00)",
+                      content: "GEOG 4",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Social Knowledgeand Social Power (5.00)",
+                      content: "HIST 2B",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Modern Latin America (5.00)",
+                      content: "HIST 8B",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message:
+                        "Inequality: History of Mass Imprisonment (5.00)",
+                      content: "HIST 12A",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Inequality: History of Neoliberalism (5.00)",
+                      content: "HIST 12B",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message:
+                        "Inequality: Global History of Anti-ColonialThought and Struggle(5.00)",
+                      content: "HIST 12C",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message:
+                        "Community and Labor Development from Ground Up (4.00)",
+                      content: "HNRS 82",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Ethics and Governance(5.00) ",
+                      content: "POL SCI 60",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Introduction to Public Policy (5.00)",
+                      content: "PUB PLC 10A",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "California Policy Issues (4.00)",
+                      content: "PUB PLC 10B",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Latin American Cultures (5.00)",
+                      content: "SPAN 44",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                  ],
+                  relationship: "and",
+                },
+              ],
+              relationship: "",
+            },
+            {
+              message: "Select 2 Course(s) from the following",
+              content: [
+                {
+                  message: "Work, Labor, and Social Justicein U.S. (6.00)",
+                  content: "CLUSTER M24A",
+                  relationship: "",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Work, Labor, and Social Justice(6.00)",
+                  content: "CLUSTER 24B",
+                  relationship: "",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Work, Labor and Social Justice(6.00)",
+                  content: "CLUSTER 24C",
+                  relationship: "",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "or",
+            },
+          ],
+          relationship: "",
+        },
+      ],
+      "Global Studies/B.A.": [
+        {
+          message: "IMPORTANT MAJOR INFORMATION",
+          content: "This is the major info of Global Studies major of UCLA!",
+          relationship: "",
+        },
+        { message: "AP CREDIT", content: "AP CREDIT info", relationship: "" },
+        {
+          message: "FOREIGN LANGUAGE REQUIREMENT",
+          content: "FOREIGN LANGUAGE REQUIREMENT info",
+          relationship: "",
+        },
+        {
+          message: "ADDITIONAL NOTES:",
+          content: "ADDITIONAL NOTES: for Global Studies",
+          relationship: "",
+        },
+        {
+          message: "METHODS COURSE",
+          content: [
+            {
+              message: "Select 1 Course(s) from the following",
+              content: [
+                {
+                  message: "Introduction to Data Analysis (5.00)",
+                  content: "POL SCI 6",
+                  relationship: "",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message:
+                    "Introduction to Data Analysis- Research Version (5.00)",
+                  content: "POL SCI 6R",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Politics and Strategy (5.00)",
+                  content: "POL SCI 30",
+                  relationship: "or",
+                  equivalences: {
+                    message: "No Course Articulated",
+                    content: "",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "Introduction to Statistical Reasoning (5.00)",
+                  content: "STATS 10",
+                  relationship: "or",
+                  equivalences: {
+                    message: "Introductory Statistics (5.00)",
+                    content: "MATH 10",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "One Introductory Statistics Course",
+                  content: "",
+                  relationship: "or",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message: "Introductory Statistics (5.00)",
+                        content: "MATH 10",
+                        relationship: "",
+                      },
+                      {
+                        message: "Introductory Statistics - HONORS(5.00)",
+                        content: "MATH 10H",
+                        relationship: "or",
+                      },
+                      {
+                        message: "Engineering Statistics (5.00)",
+                        content: "MATH 23",
+                        relationship: "or",
+                      },
+                      {
+                        message:
+                          "Statistics and Research Methods in SocialScience(4.00) Same-As: SOC 15",
+                        content: "PSYC 15",
+                        relationship: "or",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "",
+            },
+          ],
+          relationship: "",
+        },
+        {
+          message: "GOVERNANCE AND CONFLICT",
+          content: [
+            {
+              message: "History of Africa, 1800 to Present (5.00)",
+              content: "HIST 10B",
+              relationship: "",
+              equivalences: {
+                message: "No Course Articulated",
+                content: "",
+                relationship: "",
+              },
+            },
+            {
+              message: "Contemporary World History, 1760 to Present (5.00)",
+              content: "HIST 22",
+              relationship: "or",
+              equivalences: {
+                message: "World History from 1750 CE to the Present (4.00)",
+                content: "HIST 3C",
+                relationship: "",
+              },
+            },
+            {
+              message: "Introduction to PoliticalTheory (5.00)",
+              content: "POL SCI 10",
+              relationship: "or",
+              equivalences: {
+                message: "Introduction to PoliticalThought and Theory (4.00)",
+                content: "POLI 5",
+                relationship: "",
+              },
+            },
+            {
+              message: "WORLD POLITICS(5.00)",
+              content: "POL SCI 20",
+              relationship: "or",
+              equivalences: {
+                message: "International Relations (4.00)",
+                content: "POLI 3",
+                relationship: "",
+              },
+            },
+            {
+              message: "Introduction to Comparative Politics (5.00)",
+              content: "POL SCI 50",
+              relationship: "or",
+              equivalences: {
+                message: "Comparative Politics (4.00)",
+                content: "POLI 2",
+                relationship: "",
+              },
+            },
+            {
+              message: "Introductory Sociology (5.00) ",
+              content: "SOCIOL 1",
+              relationship: "or",
+              equivalences: {
+                message: "Introduction to Sociology (4.00)",
+                content: "SOC 1",
+                relationship: "",
+              },
+            },
+          ],
+          relationship: "",
+        },
+        {
+          message: "MARKET/RESOURCES",
+          content: [
+            {
+              message: "Principles ofEconomics(Microeconomics) (4.00)",
+              content: "ECON 1",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Principles of Microeconomics (4.00)",
+                    content: "ECON 2",
+                    relationship: "",
+                  },
+                  {
+                    message: "Principles of Microeconomics - HONORS(4.00)",
+                    content: "ECON 2H",
+                    relationship: "or",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "Principles ofEconomics(Macroeconomics) (4.00)",
+              content: "ECON 2",
+              relationship: "or",
+              equivalences: {
+                message: "Principles of Macroeconomics (4.00)",
+                content: "ECON 1",
+                relationship: "",
+              },
+            },
+            {
+              message: "Sustainability and Environment (4.00)",
+              content: "ENVIRON 12",
+              relationship: "or",
+              equivalences: {
+                message: "No Course Articulated",
+                content: "",
+                relationship: "",
+              },
+            },
+            {
+              message: "Sociology of Migration (5.00)",
+              content: "SOCIOL 51",
+              relationship: "or",
+              equivalences: {
+                message: "No Course Articulated",
+                content: "",
+                relationship: "",
+              },
+            },
+            {
+              message:
+                "Globalization: Regional Development and World Economy (5.00)",
+              content: "GEOG 4",
+              relationship: "or",
+              equivalences: {
+                message: "No Course Articulated",
+                content: "",
+                relationship: "",
+              },
+            },
+          ],
+          relationship: "",
+        },
+      ],
+      "Psychobiology/B.S.": [
+        {
+          message: "IMPORTANT MAJOR INFORMATION",
+          content: "This is the major info of Psychobiology major of UCLA!",
+          relationship: "",
+        },
+        {
+          message: "ADDITIONAL NOTES",
+          content: "ADDITIONAL NOTES: for Psychobiology",
+          relationship: "",
+        },
+        {
+          message: "LOWER DIVISION MAJOR REQUIREMENTS",
+          content: [
+            {
+              message: "Introductory Psychology (4.00)",
+              content: "PSYCH 10",
+              relationship: "",
+              equivalences: {
+                message: "General Psychology (4.00)",
+                content: "PSYC 1",
+                relationship: "",
+              },
+            },
+            {
+              message: "Celland Molecular Biology (5.00)",
+              content: "LIFESCI 7A",
+              relationship: "",
+              equivalences: {
+                message: "Celland Molecular Biology (6.00)",
+                content: "BIOL 6B",
+                relationship: "",
+              },
+            },
+            {
+              message: "Genetics, Evolution, and Ecology (5.00)",
+              content: "LIFESCI 7B",
+              relationship: "",
+              equivalences: {
+                message: "Ecology and Evolution (6.00)",
+                content: "BIOL 6C",
+                relationship: "",
+              },
+            },
+            {
+              message: "Physiology and Human Biology (5.00)",
+              content: "LIFESCI 7C",
+              relationship: "",
+              equivalences: {
+                message: "Form and Function in the Biological World (6.00)",
+                content: "BIOL 6A",
+                relationship: "",
+              },
+            },
+            {
+              message:
+                "Introduction to Laboratory and Scientific Methodology (3.00)",
+              content: "LIFESCI 23L",
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Form and Function in the Biological World (6.00)",
+                    content: "BIOL 6A",
+                    relationship: "",
+                  },
+                  {
+                    message: "Celland Molecular Biology (6.00)",
+                    content: "BIOL 6B",
+                    relationship: "and",
+                  },
+                  {
+                    message: "Ecology and Evolution (6.00)",
+                    content: "BIOL 6C",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message: "CHEMICAL STRUCTURE (4.00)",
+                  content: "CHEM 20A",
+                  relationship: "",
+                },
+                {
+                  message: "ChemicalEnergetics and Change(4.00)",
+                  content: "CHEM 20B",
+                  relationship: "and",
+                },
+                {
+                  message: "General Chemistry Laboratory (3.00)",
+                  content: "CHEM 20L",
+                  relationship: "and",
+                },
+                {
+                  message: "General Chemistry Laboratory II (4.00)",
+                  content: "CHEM 30AL",
+                  relationship: "and",
+                },
+              ],
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "General Chemistry (5.00)",
+                    content: "CHEM 1A",
+                    relationship: "",
+                  },
+                  {
+                    message: "General Chemistry (5.00)",
+                    content: "CHEM 1B",
+                    relationship: "and",
+                  },
+                  {
+                    message:
+                      "General Chemistry and Qualitative Analysis (5.00)",
+                    content: "CHEM 1C",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message: "",
+                  content: [
+                    {
+                      message: "Mathematics for LifeScientists (5.00)",
+                      content: "LIFESCI 30A",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Mathematics for LifeScientists (5.00)",
+                      content: "LIFESCI 30B",
+                      relationship: "and",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Statisitics of BiologicalSystems (5.00)",
+                      content: "LIFESCI 40",
+                      relationship: "and",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                  ],
+                  relationship: "",
+                },
+                {
+                  message:
+                    "Introduction to Statistical Methods for Lifeand Health Sciences (5.00) -Acceptable substitute",
+                  content: "STATS 13",
+                  relationship: "or",
+                  equivalences: {
+                    message: "Introductory Statistics (5.00)",
+                    content: "MATH 10",
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "",
+                  content: [
+                    {
+                      message: "Calculus for LifeSciences Students (4.00)",
+                      content: "MATH 3A",
+                      relationship: "",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message: "Calculus for LifeSciences Students (4.00)",
+                      content: "MATH 3B",
+                      relationship: "and",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                    {
+                      message:
+                        "Ordinary DifferentialEquations With Linear Algebra for LifeSciences Students (4.00)",
+                      content: "MATH 3C",
+                      relationship: "and",
+                      equivalences: {
+                        message: "No Course Articulated",
+                        content: "",
+                        relationship: "",
+                      },
+                    },
+                  ],
+                  relationship: "or",
+                },
+                {
+                  message: "",
+                  content: [
+                    {
+                      message: "Differentialand Integral Calculus (4.00)",
+                      content: "MATH 31A",
+                      relationship: "",
+                    },
+                    {
+                      message: "Integration and InfiniteSeries (4.00)",
+                      content: "MATH 31B",
+                      relationship: "and",
+                    },
+                    {
+                      message: "Calculus ofSeveral Variables (4.00)",
+                      content: "MATH 32A",
+                      relationship: "and",
+                    },
+                  ],
+                  relationship: "or",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message: "Calculus (5.00)",
+                        content: "MATH 1A",
+                        relationship: "",
+                      },
+                      {
+                        message: "Calculus (5.00)",
+                        content: "MATH 1B",
+                        relationship: "and",
+                      },
+                      {
+                        message: "Calculus (5.00)",
+                        content: "MATH 1C",
+                        relationship: "and",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "",
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message: "",
+                  content: [
+                    {
+                      message:
+                        "Physics for Scientists and Engineers: Mechanics (5.00)",
+                      content: "PHYSICS 1A",
+                      relationship: "",
+                    },
+                    {
+                      message:
+                        "Physics for Scientists and Engineers: Oscillations, Waves, Electricand Magnetic Fields (5.00)",
+                      content: "PHYSICS 1B",
+                      relationship: "and",
+                    },
+                    {
+                      message:
+                        "Physics for Scientists and Engineers: Electrodynamics, Optics, and Special Relativity (5.00)",
+                      content: "PHYSICS 1C",
+                      relationship: "and",
+                    },
+                    {
+                      message:
+                        "Physics Laboratory for Scientists and Engineers: Mechanics (2.00)",
+                      content: "PHYSICS 4AL",
+                      relationship: "and",
+                    },
+                    {
+                      message:
+                        "Physics Laboratory for Scientists and Engineers: Electricity and Magnetism (2.00) -Articulates as a sequence only",
+                      content: "PHYSICS 4BL",
+                      relationship: "and",
+                    },
+                  ],
+                  relationship: "",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message:
+                          "Physics for Scientists and Engineers: Mechanics (6.00)",
+                        content: "PHYS 4A",
+                        relationship: "",
+                      },
+                      {
+                        message:
+                          "Physics for Scientists and Engineers: Electricity and Magnetism (6.00)",
+                        content: "PHYS 4B",
+                        relationship: "and",
+                      },
+                      {
+                        message:
+                          "Physics for Scientists and Engineers: Fluids, Waves, Optics and Thermodynamics (6.00)",
+                        content: "PHYS 4C",
+                        relationship: "and",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+                {
+                  message: "",
+                  content: [
+                    {
+                      message:
+                        "Physics for LifeSciences Majors: Mechanics, and Energy (5.00)",
+                      content: "PHYSICS 5A",
+                      relationship: "",
+                    },
+                    {
+                      message:
+                        "Physics for LifeSciences Majors: Thermodynamics, Fluids, Waves, Light, and Optics (5.00)",
+                      content: "PHYSICS 5B",
+                      relationship: "and",
+                    },
+                    {
+                      message:
+                        "Physics for LifeSciences Majors: Electricity, Magnetism, and Modern Physics (5.00)",
+                      content: "PHYSICS 5C",
+                      relationship: "and",
+                    },
+                  ],
+                  relationship: "or",
+                  equivalences: {
+                    message: "",
+                    content: [
+                      {
+                        message: "General Introductory Physics (5.00)",
+                        content: "PHYS 2A",
+                        relationship: "",
+                      },
+                      {
+                        message: "General Introductory Physics (5.00)",
+                        content: "PHYS 2B",
+                        relationship: "and",
+                      },
+                      {
+                        message: "General Introductory Physics (5.00)",
+                        content: "PHYS 2C",
+                        relationship: "and",
+                      },
+                    ],
+                    relationship: "",
+                  },
+                },
+              ],
+              relationship: "",
+            },
+            {
+              message: "",
+              content: [
+                {
+                  message:
+                    "Organic Chemistry I: Structureand Reactivity (4.00)",
+                  content: "CHEM 30A",
+                  relationship: "",
+                },
+                {
+                  message:
+                    "Organic Chemistry II: Reactivity, Synthesis, and Spectroscopy (4.00)",
+                  content: "CHEM 30B",
+                  relationship: "and",
+                },
+                {
+                  message: "Organic Chemistry Laboratory I (3.00)",
+                  content: "CHEM 30BL",
+                  relationship: "and",
+                },
+              ],
+              relationship: "",
+              equivalences: {
+                message: "",
+                content: [
+                  {
+                    message: "Organic Chemistry (5.00)",
+                    content: "CHEM 12A",
+                    relationship: "",
+                  },
+                  {
+                    message: "Organic Chemistry (5.00)",
+                    content: "CHEM 12B",
+                    relationship: "and",
+                  },
+                ],
+                relationship: "",
+              },
+            },
+          ],
+          relationship: "",
+        },
+      ],
+    },
+  },
+};
diff --git a/src/pages/navbar/FHDANavbar.js b/src/pages/navbar/FHDANavbar.js
index c0e36b5..8a65f0b 100644
--- a/src/pages/navbar/FHDANavbar.js
+++ b/src/pages/navbar/FHDANavbar.js
@@ -1,13 +1,16 @@
-import React from 'react';
+import React from "react";
 import { Link } from "react-router-dom";
 import { Nav, Navbar } from "react-bootstrap";
-import { useOktaAuth } from '@okta/okta-react'
+import { useOktaAuth } from "@okta/okta-react";
 import da_logo from "../../assets/pic/fhdalogo.jpg";
 
 const FHDANavbar = ({ setCorsErrorModalOpen }) => {
   const { authState, oktaAuth } = useOktaAuth();
-  
-  const isCorsError = (err) => (err.name === 'AuthApiError' && !err.errorCode && err.xhr.message === 'Failed to fetch');
+
+  const isCorsError = (err) =>
+    err.name === "AuthApiError" &&
+    !err.errorCode &&
+    err.xhr.message === "Failed to fetch";
   const logout = async () => {
     try {
       await oktaAuth.signOut();
@@ -31,20 +34,34 @@ const FHDANavbar = ({ setCorsErrorModalOpen }) => {
           <img className="navbar-img" src={da_logo} alt="" /> FHDATime
         </Link>
         <Nav className="mr-auto">
-          <Link className="nav-link" to="/">Home</Link>
-          <Link className="nav-link" to="/catalog">Catalog</Link>
-          <Link className="nav-link" to="/story">Story</Link>
-          <Link className="nav-link" to="/about">About</Link>
+          <Link className="nav-link" to="/">
+            Home
+          </Link>
+          <Link className="nav-link" to="/catalog">
+            Catalog
+          </Link>
+          <Link className="nav-link" to="/story">
+            Story
+          </Link>
+          <Link className="nav-link" to="/about">
+            About
+          </Link>
+          <Link className="nav-link" to="/agreement">
+            Agreement
+          </Link>
           {authState.isAuthenticated && (
-            <Link className="nav-link" onClick={logout} to='/'>Logout</Link>
+            <Link className="nav-link" onClick={logout} to="/">
+              Logout
+            </Link>
           )}
           {!authState.isPending && !authState.isAuthenticated && (
-            <Link className="nav-link" to='/login'>Login</Link>
+            <Link className="nav-link" to="/login">
+              Login
+            </Link>
           )}
-          
         </Nav>
       </Navbar>
     </div>
   );
 };
-export default FHDANavbar;
\ No newline at end of file
+export default FHDANavbar;