feature(dex): add faq section (ON HOLD)

.eslintrc

@@ -7,7 +7,7 @@
     "prefer-destructuring": "warn",
     "react/no-array-index-key": "warn",
     "arrow-body-style": "warn",
-    "import/prefer-default-export": "warn",
+    "import/prefer-default-export": "off",
     "@typescript-eslint/default-param-last": "warn",
     "react/no-unstable-nested-components": "warn",
     "react/jsx-no-useless-fragment": "warn",

package.json

@@ -14,13 +14,16 @@
     "playground:start": "docker-compose rm -fsv && docker-compose up"
   },
   "dependencies": {
+    "@defichain/whale-api-client": "^3.29.1",
     "@headlessui/react": "^1.7.13",
     "@waveshq/standard-defichain-jellyfishsdk": "^0.45.0",
     "@waveshq/standard-web": "^0.45.0",
     "classnames": "^2.3.2",
     "gray-matter": "^4.0.3",
+    "bignumber.js": "^9.1.0",
     "lodash": "^4.17.21",
     "next-i18next": "^12.1.0",
+    "react-countup": "^6.4.1",
     "react-markdown": "^8.0.5",
     "react-number-format": "^5.1.4",
     "react-slick": "^0.29.0",

public/assets/icon/AppsIcon.tsx

@@ -0,0 +1,52 @@
+export function AppsIcon({
+  className,
+  width = 40,
+  height = 40,
+}: {
+  className: string;
+  width?: number;
+  height?: number;
+}) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        className={className}
+        d="M15.4999 5.83325H7.83325C6.72868 5.83325 5.83325 6.72868 5.83325 7.83325V15.4999C5.83325 16.6045 6.72868 17.4999 7.83325 17.4999H15.4999C16.6045 17.4999 17.4999 16.6045 17.4999 15.4999V7.83325C17.4999 6.72868 16.6045 5.83325 15.4999 5.83325Z"
+        stroke="#A6A6A6"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        className={className}
+        d="M32.1667 5.83325H24.5C23.3954 5.83325 22.5 6.72868 22.5 7.83325V15.4999C22.5 16.6045 23.3954 17.4999 24.5 17.4999H32.1667C33.2712 17.4999 34.1667 16.6045 34.1667 15.4999V7.83325C34.1667 6.72868 33.2712 5.83325 32.1667 5.83325Z"
+        stroke="#A6A6A6"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        className={className}
+        d="M32.1667 22.5H24.5C23.3954 22.5 22.5 23.3954 22.5 24.5V32.1667C22.5 33.2712 23.3954 34.1667 24.5 34.1667H32.1667C33.2712 34.1667 34.1667 33.2712 34.1667 32.1667V24.5C34.1667 23.3954 33.2712 22.5 32.1667 22.5Z"
+        stroke="#A6A6A6"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        className={className}
+        d="M15.4999 22.5H7.83325C6.72868 22.5 5.83325 23.3954 5.83325 24.5V32.1667C5.83325 33.2712 6.72868 34.1667 7.83325 34.1667H15.4999C16.6045 34.1667 17.4999 33.2712 17.4999 32.1667V24.5C17.4999 23.3954 16.6045 22.5 15.4999 22.5Z"
+        stroke="#A6A6A6"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

public/assets/icon/DFIIcon.tsx

@@ -0,0 +1,36 @@
+export function DFIIcon({
+  className,
+  width = 40,
+  height = 40,
+  id,
+}: {
+  className: string;
+  width?: number;
+  height?: number;
+  id?: string;
+}) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <mask id={id} fill="white">
+        <path
+          className={className}
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M22.4361 29.4762V9.42376C26.754 10.7135 29.9104 14.7201 29.9104 19.45C29.9104 24.1799 26.754 28.1873 22.4361 29.4762ZM19.4463 5.99999V17.3361L17.7385 15.6287L17.5202 11.3673L19.3013 6.00746C18.1593 6.01942 17.0561 6.18231 15.9999 6.46252L15.1382 9.05314L12.6956 7.82844C11.7291 8.3911 10.8352 9.06435 10.0407 9.84221L14.5649 12.1085L14.6972 14.7021L12.1036 14.5691L9.83589 10.0469C9.05856 10.8412 8.38438 11.7342 7.82156 12.7011L9.04735 15.1437L6.45451 16.0045C6.17497 17.0604 6.01204 18.1633 6.00008 19.305L11.3621 17.5244L15.6247 17.7418L17.3326 19.45L15.6247 21.1581L11.3621 21.3756L6.00008 19.595C6.01204 20.7367 6.17497 21.8396 6.45451 22.8954L9.04735 23.7562L7.82156 26.1989C8.38438 27.1658 9.05856 28.0587 9.83589 28.853L12.1036 24.3308L14.6972 24.1978L14.5649 26.7907L10.0407 29.0578C10.8352 29.8349 11.7291 30.5081 12.6956 31.0715L15.1382 29.8468L15.9999 32.4375C17.0561 32.7169 18.1593 32.8806 19.3013 32.8925L17.5202 27.5327L17.7385 23.2713L19.4463 21.5639V32.9C26.8765 32.9 32.9001 26.8781 32.9001 19.45C32.9001 12.0219 26.8765 5.99999 19.4463 5.99999Z"
+        />
+      </mask>
+      <path
+        className={className}
+        d="M22.4361 29.4762H17.4361V36.1868L23.8663 34.2673L22.4361 29.4762ZM22.4361 9.42376L23.867 4.6329L17.4361 2.71205V9.42376H22.4361ZM19.4463 5.99999V0.999989H14.4463V5.99999H19.4463ZM19.4463 17.3361L15.9113 20.8721L24.4463 29.4048V17.3361H19.4463ZM17.7385 15.6287L12.745 15.8844L12.8434 17.805L14.2034 19.1647L17.7385 15.6287ZM17.5202 11.3673L12.7753 9.79052L12.4786 10.6834L12.5268 11.623L17.5202 11.3673ZM19.3013 6.00746L24.0462 7.58423L26.256 0.934383L19.249 1.00773L19.3013 6.00746ZM15.9999 6.46252L14.7177 1.62973L12.1079 2.32217L11.2556 4.88427L15.9999 6.46252ZM15.1382 9.05314L12.8971 13.5228L18.0596 16.1112L19.8825 10.6314L15.1382 9.05314ZM12.6956 7.82844L14.9366 3.35879L12.518 2.14614L10.1798 3.50743L12.6956 7.82844ZM10.0407 9.84221L6.5428 6.26941L1.53401 11.1732L7.80127 14.3127L10.0407 9.84221ZM14.5649 12.1085L19.5584 11.8538L19.4099 8.94332L16.8043 7.63807L14.5649 12.1085ZM14.6972 14.7021L14.4411 19.6956L19.9728 19.9793L19.6907 14.4474L14.6972 14.7021ZM12.1036 14.5691L7.63407 16.8104L8.93938 19.4134L11.8475 19.5626L12.1036 14.5691ZM9.83589 10.0469L14.3054 7.80565L11.164 1.54116L6.26239 6.54979L9.83589 10.0469ZM7.82156 12.7011L3.50031 10.1858L2.13883 12.5248L3.35269 14.9437L7.82156 12.7011ZM9.04735 15.1437L10.6228 19.8891L16.1089 18.0677L13.5162 12.9012L9.04735 15.1437ZM6.45451 16.0045L4.8791 11.2592L2.31305 12.1111L1.62105 14.7248L6.45451 16.0045ZM6.00008 19.305L1.00035 19.2527L0.926974 26.2582L7.57586 24.0502L6.00008 19.305ZM11.3621 17.5244L11.6169 12.5309L10.6783 12.483L9.78636 12.7792L11.3621 17.5244ZM15.6247 17.7418L19.1605 14.2066L17.8005 12.8463L15.8795 12.7483L15.6247 17.7418ZM17.3326 19.45L20.8684 22.9852L24.4031 19.45L20.8684 15.9147L17.3326 19.45ZM15.6247 21.1581L15.8795 26.1516L17.8005 26.0537L19.1605 24.6934L15.6247 21.1581ZM11.3621 21.3756L9.78636 26.1208L10.6783 26.417L11.6169 26.3691L11.3621 21.3756ZM6.00008 19.595L7.57586 14.8498L0.926974 12.6418L1.00035 19.6473L6.00008 19.595ZM6.45451 22.8954L1.62105 24.1751L2.31305 26.7888L4.87911 27.6408L6.45451 22.8954ZM9.04735 23.7562L13.5162 25.9988L16.1089 20.8323L10.6228 19.0109L9.04735 23.7562ZM7.82156 26.1989L3.35269 23.9563L2.13883 26.3752L3.50031 28.7142L7.82156 26.1989ZM9.83589 28.853L6.26239 32.3502L11.164 37.3588L14.3054 31.0943L9.83589 28.853ZM12.1036 24.3308L11.8475 19.3374L8.93938 19.4865L7.63407 22.0896L12.1036 24.3308ZM14.6972 24.1978L19.6907 24.4526L19.9729 18.9207L14.4411 19.2044L14.6972 24.1978ZM14.5649 26.7907L16.8049 31.2609L19.4099 29.9555L19.5584 27.0455L14.5649 26.7907ZM10.0407 29.0578L7.80068 24.5876L1.53153 27.7291L6.54452 32.6322L10.0407 29.0578ZM12.6956 31.0715L10.1773 35.3911L12.5163 36.7547L14.9366 35.5412L12.6956 31.0715ZM15.1382 29.8468L19.8825 28.2686L18.0596 22.7888L12.8971 25.3772L15.1382 29.8468ZM15.9999 32.4375L11.2556 34.0157L12.1085 36.5798L14.7209 37.2711L15.9999 32.4375ZM19.3013 32.8925L19.249 37.8922L26.256 37.9656L24.0462 31.3157L19.3013 32.8925ZM17.5202 27.5327L12.5268 27.277L12.4786 28.2166L12.7753 29.1095L17.5202 27.5327ZM17.7385 23.2713L14.2034 19.7353L12.8434 21.0949L12.745 23.0155L17.7385 23.2713ZM19.4463 21.5639H24.4463V9.49519L15.9113 18.0279L19.4463 21.5639ZM19.4463 32.9H14.4463V37.9H19.4463V32.9ZM27.4361 29.4762V9.42376H17.4361V29.4762H27.4361ZM21.0051 14.2146C23.2696 14.891 24.9104 16.9969 24.9104 19.45H34.9104C34.9104 12.4433 30.2383 6.53592 23.867 4.6329L21.0051 14.2146ZM24.9104 19.45C24.9104 21.9037 23.2692 24.0095 21.0059 24.6851L23.8663 34.2673C30.2387 32.365 34.9104 26.4562 34.9104 19.45H24.9104ZM14.4463 5.99999V17.3361H24.4463V5.99999H14.4463ZM22.9814 13.8001L21.2735 12.0927L14.2034 19.1647L15.9113 20.8721L22.9814 13.8001ZM22.7319 15.373L22.5137 11.1115L12.5268 11.623L12.745 15.8844L22.7319 15.373ZM22.2651 12.9441L24.0462 7.58423L14.5565 4.43069L12.7753 9.79052L22.2651 12.9441ZM19.249 1.00773C17.6621 1.02435 16.1456 1.25087 14.7177 1.62973L17.2822 11.2953C17.9665 11.1138 18.6565 11.0145 19.3537 11.0072L19.249 1.00773ZM11.2556 4.88427L10.3938 7.47489L19.8825 10.6314L20.7443 8.04077L11.2556 4.88427ZM17.3792 4.58349L14.9366 3.35879L10.4545 12.2981L12.8971 13.5228L17.3792 4.58349ZM10.1798 3.50743C8.87369 4.26787 7.64653 5.18883 6.5428 6.26941L13.5386 13.415C14.0239 12.9399 14.5846 12.5143 15.2113 12.1495L10.1798 3.50743ZM7.80127 14.3127L12.3255 16.579L16.8043 7.63807L12.2801 5.37174L7.80127 14.3127ZM9.57137 12.3632L9.70366 14.9568L19.6907 14.4474L19.5584 11.8538L9.57137 12.3632ZM14.9532 9.7087L12.3597 9.57569L11.8475 19.5626L14.4411 19.6956L14.9532 9.7087ZM16.5731 12.3278L14.3054 7.80565L5.36637 12.2882L7.63407 16.8104L16.5731 12.3278ZM6.26239 6.54979C5.18552 7.65017 4.26303 8.87542 3.50031 10.1858L12.1428 15.2164C12.5057 14.5929 12.9316 14.0323 13.4094 13.5441L6.26239 6.54979ZM3.35269 14.9437L4.57847 17.3863L13.5162 12.9012L12.2904 10.4585L3.35269 14.9437ZM7.47194 10.3984L4.8791 11.2592L8.02992 20.7499L10.6228 19.8891L7.47194 10.3984ZM1.62105 14.7248C1.24358 16.1505 1.01697 17.6658 1.00035 19.2527L10.9998 19.3574C11.0071 18.6607 11.1064 17.9702 11.288 17.2842L1.62105 14.7248ZM7.57586 24.0502L12.9379 22.2696L9.78636 12.7792L4.42429 14.5598L7.57586 24.0502ZM11.1074 22.5179L15.37 22.7353L15.8795 12.7483L11.6169 12.5309L11.1074 22.5179ZM12.0889 21.2771L13.7968 22.9852L20.8684 15.9147L19.1605 14.2066L12.0889 21.2771ZM13.7968 15.9147L12.0889 17.6229L19.1605 24.6934L20.8684 22.9852L13.7968 15.9147ZM15.37 16.1646L11.1074 16.3821L11.6169 26.3691L15.8795 26.1516L15.37 16.1646ZM12.9379 16.6304L7.57586 14.8498L4.42429 24.3401L9.78636 26.1208L12.9379 16.6304ZM1.00035 19.6473C1.01697 21.2342 1.24358 22.7494 1.62105 24.1751L11.288 21.6157C11.1064 20.9298 11.0071 20.2393 10.9998 19.5426L1.00035 19.6473ZM4.87911 27.6408L7.47194 28.5016L10.6228 19.0109L8.02992 18.1501L4.87911 27.6408ZM4.57847 21.5137L3.35269 23.9563L12.2904 28.4415L13.5162 25.9988L4.57847 21.5137ZM3.50031 28.7142C4.26303 30.0246 5.18552 31.2498 6.26239 32.3502L13.4094 25.3559C12.9316 24.8677 12.5057 24.3071 12.1428 23.6836L3.50031 28.7142ZM14.3054 31.0943L16.5731 26.5721L7.63407 22.0896L5.36637 26.6117L14.3054 31.0943ZM12.3597 29.3243L14.9532 29.1913L14.4411 19.2044L11.8475 19.3374L12.3597 29.3243ZM9.70367 23.9431L9.57137 26.5359L19.5584 27.0455L19.6907 24.4526L9.70367 23.9431ZM12.3249 22.3205L7.80068 24.5876L12.2807 33.5279L16.8049 31.2609L12.3249 22.3205ZM6.54452 32.6322C7.64735 33.7109 8.87313 34.6308 10.1773 35.3911L15.2138 26.752C14.5851 26.3855 14.0231 25.9589 13.5368 25.4833L6.54452 32.6322ZM14.9366 35.5412L17.3792 34.3165L12.8971 25.3772L10.4545 26.6019L14.9366 35.5412ZM10.3938 31.4251L11.2556 34.0157L20.7443 30.8592L19.8825 28.2686L10.3938 31.4251ZM14.7209 37.2711C16.1445 37.6478 17.66 37.8756 19.249 37.8922L19.3537 27.8928C18.6586 27.8855 17.9676 27.786 17.279 27.6038L14.7209 37.2711ZM24.0462 31.3157L22.2651 25.9559L12.7753 29.1095L14.5565 34.4693L24.0462 31.3157ZM22.5137 27.7884L22.7319 23.527L12.745 23.0155L12.5268 27.277L22.5137 27.7884ZM21.2735 26.8073L22.9814 25.0999L15.9113 18.0279L14.2034 19.7353L21.2735 26.8073ZM14.4463 21.5639V32.9H24.4463V21.5639H14.4463ZM19.4463 37.9C29.6367 37.9 37.9001 29.6409 37.9001 19.45H27.9001C27.9001 24.1154 24.1164 27.9 19.4463 27.9V37.9ZM37.9001 19.45C37.9001 9.25912 29.6367 0.999989 19.4463 0.999989V11C24.1164 11 27.9001 14.7846 27.9001 19.45H37.9001Z"
+        fill="#A6A6A6"
+        mask={`url(#${id})`}
+      />
+    </svg>
+  );
+}

public/assets/icon/DeveloperResourceIcon.tsx

@@ -0,0 +1,36 @@
+export function DeveloperResourceIcon({
+  className,
+  width = 41,
+  height = 40,
+}: {
+  className: string;
+  width?: number;
+  height?: number;
+}) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 41 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        className={className}
+        d="M20.6666 33.3333H35.6666"
+        stroke="#A6A6A6"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        className={className}
+        d="M28.1666 5.83332C28.8297 5.17028 29.7289 4.79779 30.6666 4.79779C31.1309 4.79779 31.5907 4.88924 32.0196 5.06692C32.4486 5.24459 32.8383 5.50502 33.1666 5.83332C33.4949 6.16163 33.7554 6.55138 33.933 6.98033C34.1107 7.40928 34.2022 7.86903 34.2022 8.33332C34.2022 8.79762 34.1107 9.25736 33.933 9.68631C33.7554 10.1153 33.4949 10.505 33.1666 10.8333L12.3333 31.6667L5.66663 33.3333L7.33329 26.6667L28.1666 5.83332Z"
+        stroke="#A6A6A6"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

public/assets/icon/DexIcon.tsx

@@ -0,0 +1,27 @@
+export function DexIcon({
+  className,
+  width = 40,
+  height = 40,
+}: {
+  className: string;
+  width?: number;
+  height?: number;
+}) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        className={className}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M26.4692 34.4694C26.1764 34.7625 26.1766 35.2373 26.4697 35.5301C26.7627 35.8228 27.2376 35.8226 27.5303 35.5296L35.463 27.5894C35.6376 27.452 35.7498 27.2389 35.7498 26.9995C35.7498 26.9982 35.7498 26.997 35.7497 26.9957C35.7498 26.9943 35.7498 26.9929 35.7498 26.9916C35.7497 26.7926 35.6706 26.6019 35.5298 26.4613L27.5298 18.4689C27.2368 18.1762 26.7619 18.1764 26.4692 18.4694C26.1764 18.7625 26.1766 19.2373 26.4697 19.5301L33.1955 26.2495L16.9998 26.2495C16.5855 26.2495 16.2498 26.5853 16.2498 26.9995C16.2498 27.4137 16.5855 27.7495 16.9998 27.7495L33.1827 27.7495L26.4692 34.4694ZM13.5303 5.5296C13.8231 5.23657 13.8229 4.7617 13.5298 4.46894C13.2368 4.17619 12.7619 4.17642 12.4692 4.46945L4.53654 12.4096C4.36191 12.5469 4.24976 12.7601 4.24976 12.9995L4.24976 13.0036L4.24975 13.0075C4.24985 13.2064 4.32896 13.3971 4.46968 13.5377L12.4697 21.5301C12.7627 21.8229 13.2376 21.8226 13.5303 21.5296C13.8231 21.2366 13.8229 20.7617 13.5298 20.4689L6.80401 13.7495L22.9998 13.7495C23.414 13.7495 23.7498 13.4137 23.7498 12.9995C23.7498 12.5853 23.414 12.2495 22.9998 12.2495L6.81681 12.2495L13.5303 5.5296Z"
+        fill="#A6A6A6"
+      />
+    </svg>
+  );
+}