feat: added wip

Author: sstefdev

src/components/common/WorkInProgress/index.tsx

@@ -0,0 +1,13 @@
+import { WIP } from "@/svg";
+import styles from "./styles.module.scss";
+
+const WorkInProgress = () => {
+  return (
+    <div className={styles.wip}>
+      <h2>Coming soon...</h2>
+      <WIP />
+    </div>
+  );
+};
+
+export default WorkInProgress;

src/components/common/WorkInProgress/styles.module.scss

@@ -0,0 +1,22 @@
+.wip {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 50vh;
+  gap: 30px;
+
+  @media only screen and (max-width: 768px) {
+    flex-direction: column;
+    text-align: center;
+  }
+
+  h2 {
+    font-size: 36px;
+    color: #252525;
+
+    @media only screen and (max-width: 768px) {
+      font-size: 30px;
+    }
+  }
+}

src/components/common/index.ts

@@ -5,3 +5,4 @@ export { default as TextLink } from "./Link/TextLink";
 export { default as ListingText } from "./ListingText";
 export { default as Integration } from "./Integration";
 export { default as ButtonLink } from "./Link/ButtonLink";
+export { default as WorkInProgress } from "./WorkInProgress";

src/pages/price-data/[type].tsx

@@ -1,5 +1,11 @@
+import { WorkInProgress } from "@/components/common";
+
 const PriceData = () => {
-  return <div>PriceData</div>;
+  return (
+    <div>
+      <WorkInProgress />
+    </div>
+  );
 };
 
 export default PriceData;

src/svg/WIP.tsx

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const WIP = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlSpace="preserve"
+    width={206}
+    height={206}
+    fill="#ffc301"
+    stroke="#ffc301"
+    strokeWidth={0.009}
+    transform="scale(-1 1)"
+    viewBox="-94 -94 1128 1128"
+    {...props}
+  >
+    <g
+      stroke="#252525"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={18.8}
+    >
+      <path d="M17.404 236.367C8.191 236.471.806 244.024.91 253.238l.813 71.941c.104 9.149 7.554 16.495 16.679 16.495l.192-.001 24.839 1.223a248.546 248.546 0 0 0 34.091 79.765l-16.272 18.793c-6.441 6.589-6.322 17.15.267 23.592l51.445 50.295a16.63 16.63 0 0 0 11.662 4.754c4.333 0 8.662-1.677 11.931-5.021l18.421-16.693a248.49 248.49 0 0 0 76.159 31.319 45.437 45.437 0 0 1 7.097-9.22c8.304-8.317 19.281-12.997 30.997-13.233l11.061-.68c.082-.289.169-.576.251-.865a323.532 323.532 0 0 1 12.685-36.219c-2.116.073-4.233.118-6.352.118a184.09 184.09 0 0 1-56.233-8.785 182.41 182.41 0 0 1-23.905-9.57c-17.355-8.419-33.67-19.731-48.222-33.958-14.552-14.228-26.23-30.282-35.039-47.442-.873-1.7-1.719-3.41-2.535-5.131l134.056-29.913c9.663 6.327 20.774 9.476 31.883 9.476.812 0 1.624-.017 2.436-.051l17.199 16.815 56.459-56.555-17.797-17.399c.236-12.532-3.539-25.112-11.312-35.656l26.677-133.709c2.181.954 4.348 1.947 6.498 2.99 17.354 8.419 33.67 19.731 48.222 33.958s26.23 30.282 35.039 47.442a182.475 182.475 0 0 1 10.109 23.683c7.546 21.812 10.858 44.771 9.942 67.602a323.59 323.59 0 0 1 34.772-12.045l.217-3.642.443-7.422c.218-11.716 4.879-22.701 13.181-31.018 4.396-4.402 11.377-10.206 11.377-10.206a248.531 248.531 0 0 0-34.091-79.764l16.272-18.793c6.44-6.589 6.321-17.151-.268-23.593L460.812 56.62a16.623 16.623 0 0 0-11.66-4.754 16.636 16.636 0 0 0-11.932 5.021l-18.421 16.692A248.559 248.559 0 0 0 338.285 41.3l-1.784-24.805C336.397 7.346 328.948.001 319.822 0l-.192.001-71.941.813c-9.213.104-16.598 7.658-16.494 16.871l-1.223 24.839a248.531 248.531 0 0 0-79.764 34.091l-18.793-16.272a16.63 16.63 0 0 0-11.662-4.754 16.632 16.632 0 0 0-11.931 5.021l-50.295 51.445c-6.441 6.589-6.322 17.151.267 23.593l16.693 18.421a248.559 248.559 0 0 0-32.279 80.514l-24.804 1.784zm237.243 1.02a58.42 58.42 0 0 0-18.084 19.125l-108.561 22.896-24.735 5.216a184.096 184.096 0 0 1 8.783-54.89 182.416 182.416 0 0 1 9.571-23.905c8.419-17.355 19.731-33.67 33.958-48.222 14.227-14.552 30.282-26.23 47.442-35.039a182.534 182.534 0 0 1 23.683-10.109 184.1 184.1 0 0 1 53.223-9.977l-4.651 24.817-20.629 110.088zm51.571 67.49c-.258.264-.523.518-.791.769-.088.083-.175.169-.264.251a26.953 26.953 0 0 1-18.279 7.114 26.938 26.938 0 0 1-18.893-7.702 26.985 26.985 0 0 1-5.352-7.381c-4.926-9.997-3.314-22.424 4.92-30.846 5.294-5.415 12.305-8.13 19.323-8.13 3.054 0 6.108.514 9.024 1.543a26.922 26.922 0 0 1 9.881 6.154c10.674 10.438 10.868 27.553.431 38.228z" />
+      <path d="M918.984 658.717c11.113-.01 20.115-9.027 20.106-20.141l-.074-86.782c-.009-11.108-9.018-20.107-20.123-20.107h-.018l-29.932-1.787a299.792 299.792 0 0 0-40.134-96.63l19.872-22.472c7.853-7.865 7.842-20.607-.023-28.46l-61.417-61.312a20.064 20.064 0 0 0-14.217-5.882 20.06 20.06 0 0 0-14.242 5.906l-22.438 19.91a299.794 299.794 0 0 0-96.697-39.969l-1.839-29.929c-.009-11.108-9.018-20.107-20.124-20.107h-.018l-40.564.034-12.5.011-12.5.01-21.217.018c-11.114.009-20.116 9.027-20.106 20.141l-1.787 29.932a300.056 300.056 0 0 0-24.482 6.537 299.57 299.57 0 0 0-37.597 14.581 300.847 300.847 0 0 0-14.508 7.285 300.571 300.571 0 0 0-15.84 9.106c-.598.368-1.19.742-1.785 1.114-.806.504-1.618.998-2.418 1.51l-22.473-19.872a20.063 20.063 0 0 0-14.218-5.882c-1.097 0-2.191.108-3.278.287a20.008 20.008 0 0 0-10.964 5.62l-.576.578-56.461 56.555-4.275 4.283a20.059 20.059 0 0 0-3.791 5.313 20.15 20.15 0 0 0-.279 17.208 20.047 20.047 0 0 0 4.094 5.938l19.91 22.438c-.476.747-.935 1.507-1.403 2.259a299.683 299.683 0 0 0-9.219 15.8 301.558 301.558 0 0 0-7.344 14.447 299.347 299.347 0 0 0-15.174 38.604 299.888 299.888 0 0 0-6.828 25.588l-29.929 1.838c-11.114.01-20.117 9.027-20.107 20.142l.016 19.104.011 12.709.011 12.586.036 42.385c.009 11.107 9.018 20.106 20.124 20.106h.018l29.932 1.787a299.758 299.758 0 0 0 40.133 96.63l-19.872 22.472c-7.852 7.866-7.841 20.607.024 28.461l61.417 61.312a20.063 20.063 0 0 0 14.218 5.882 20.062 20.062 0 0 0 14.242-5.906l22.438-19.909a299.8 299.8 0 0 0 96.698 39.969l1.838 29.929c.01 11.108 9.018 20.107 20.124 20.107h.017l86.782-.074c11.114-.01 20.117-9.027 20.107-20.141l1.787-29.933a299.79 299.79 0 0 0 96.63-40.133l22.472 19.872a20.065 20.065 0 0 0 14.218 5.882 20.06 20.06 0 0 0 14.242-5.906l61.313-61.417c7.852-7.865 7.841-20.607-.024-28.46l-19.91-22.438a299.777 299.777 0 0 0 39.969-96.698l29.926-1.839zm-114.225 6.808a219.826 219.826 0 0 1-11.879 28.699c-21.413 42.92-56.345 77.911-99.229 99.397a220.303 220.303 0 0 1-28.68 11.927c-22.062 7.391-45.67 11.412-70.218 11.433h-.191c-24.479 0-48.027-3.979-70.046-11.313a222.972 222.972 0 0 1-6.516-2.282l90.285-138.918c14.666-2.9 27.681-10.362 37.529-20.84l140.842-.12 24.181-.021a218.746 218.746 0 0 1-6.078 22.038zm-420.264.358c-7.392-22.062-11.412-45.67-11.434-70.218a221.956 221.956 0 0 1 5.75-50.478 220.584 220.584 0 0 1 3.985-14.807 217.75 217.75 0 0 1 1.578-4.953 218.937 218.937 0 0 1 3.964-10.921 221.033 221.033 0 0 1 7.914-17.778 221.801 221.801 0 0 1 21.503-34.682 222.383 222.383 0 0 1 15.945-18.835l2.326 3.477 14.609 21.836 23.234 34.724 7.103 10.614 7.104 10.615 37.691 56.331a70.543 70.543 0 0 0-1.543 14.727c.005 5.87.74 11.567 2.101 17.019L452.09 723.907l-16.914 25.371a222.027 222.027 0 0 1-38.756-54.718 220.196 220.196 0 0 1-11.925-28.677zm161.067-286.462a221.985 221.985 0 0 1 48.818-5.449h.194c24.478 0 48.025 3.979 70.043 11.314a220.003 220.003 0 0 1 28.698 11.878c42.921 21.414 77.911 56.345 99.397 99.229a219.968 219.968 0 0 1 11.927 28.68 219.741 219.741 0 0 1 6.118 22.026l-24.181.021-140.841.12c-10.373-11-24.244-18.655-39.842-21.182l-74.486-114.186-7.904-12.117-7.465-11.443a219.881 219.881 0 0 1 8.124-2.908 217.5 217.5 0 0 1 6.564-2.073 219.032 219.032 0 0 1 14.836-3.91zm49.006 183.449c17.997-.001 32.592 14.58 32.606 32.58 0 .445-.015.888-.032 1.329-.006.146-.008.294-.015.439-.905 17.188-15.117 30.852-32.532 30.866h-.026a32.54 32.54 0 0 1-10.815-1.844c-12.682-4.458-21.781-16.529-21.793-30.736-.011-13.109 7.719-24.411 18.87-29.6a32.475 32.475 0 0 1 13.737-3.034c-.001 0-.001 0 0 0z" />
+    </g>
+    <path d="M17.404 236.367C8.191 236.471.806 244.024.91 253.238l.813 71.941c.104 9.149 7.554 16.495 16.679 16.495l.192-.001 24.839 1.223a248.546 248.546 0 0 0 34.091 79.765l-16.272 18.793c-6.441 6.589-6.322 17.15.267 23.592l51.445 50.295a16.63 16.63 0 0 0 11.662 4.754c4.333 0 8.662-1.677 11.931-5.021l18.421-16.693a248.49 248.49 0 0 0 76.159 31.319 45.437 45.437 0 0 1 7.097-9.22c8.304-8.317 19.281-12.997 30.997-13.233l11.061-.68c.082-.289.169-.576.251-.865a323.532 323.532 0 0 1 12.685-36.219c-2.116.073-4.233.118-6.352.118a184.09 184.09 0 0 1-56.233-8.785 182.41 182.41 0 0 1-23.905-9.57c-17.355-8.419-33.67-19.731-48.222-33.958-14.552-14.228-26.23-30.282-35.039-47.442-.873-1.7-1.719-3.41-2.535-5.131l134.056-29.913c9.663 6.327 20.774 9.476 31.883 9.476.812 0 1.624-.017 2.436-.051l17.199 16.815 56.459-56.555-17.797-17.399c.236-12.532-3.539-25.112-11.312-35.656l26.677-133.709c2.181.954 4.348 1.947 6.498 2.99 17.354 8.419 33.67 19.731 48.222 33.958s26.23 30.282 35.039 47.442a182.475 182.475 0 0 1 10.109 23.683c7.546 21.812 10.858 44.771 9.942 67.602a323.59 323.59 0 0 1 34.772-12.045l.217-3.642.443-7.422c.218-11.716 4.879-22.701 13.181-31.018 4.396-4.402 11.377-10.206 11.377-10.206a248.531 248.531 0 0 0-34.091-79.764l16.272-18.793c6.44-6.589 6.321-17.151-.268-23.593L460.812 56.62a16.623 16.623 0 0 0-11.66-4.754 16.636 16.636 0 0 0-11.932 5.021l-18.421 16.692A248.559 248.559 0 0 0 338.285 41.3l-1.784-24.805C336.397 7.346 328.948.001 319.822 0l-.192.001-71.941.813c-9.213.104-16.598 7.658-16.494 16.871l-1.223 24.839a248.531 248.531 0 0 0-79.764 34.091l-18.793-16.272a16.63 16.63 0 0 0-11.662-4.754 16.632 16.632 0 0 0-11.931 5.021l-50.295 51.445c-6.441 6.589-6.322 17.151.267 23.593l16.693 18.421a248.559 248.559 0 0 0-32.279 80.514l-24.804 1.784zm237.243 1.02a58.42 58.42 0 0 0-18.084 19.125l-108.561 22.896-24.735 5.216a184.096 184.096 0 0 1 8.783-54.89 182.416 182.416 0 0 1 9.571-23.905c8.419-17.355 19.731-33.67 33.958-48.222 14.227-14.552 30.282-26.23 47.442-35.039a182.534 182.534 0 0 1 23.683-10.109 184.1 184.1 0 0 1 53.223-9.977l-4.651 24.817-20.629 110.088zm51.571 67.49c-.258.264-.523.518-.791.769-.088.083-.175.169-.264.251a26.953 26.953 0 0 1-18.279 7.114 26.938 26.938 0 0 1-18.893-7.702 26.985 26.985 0 0 1-5.352-7.381c-4.926-9.997-3.314-22.424 4.92-30.846 5.294-5.415 12.305-8.13 19.323-8.13 3.054 0 6.108.514 9.024 1.543a26.922 26.922 0 0 1 9.881 6.154c10.674 10.438 10.868 27.553.431 38.228z" />
+    <path d="M918.984 658.717c11.113-.01 20.115-9.027 20.106-20.141l-.074-86.782c-.009-11.108-9.018-20.107-20.123-20.107h-.018l-29.932-1.787a299.792 299.792 0 0 0-40.134-96.63l19.872-22.472c7.853-7.865 7.842-20.607-.023-28.46l-61.417-61.312a20.064 20.064 0 0 0-14.217-5.882 20.06 20.06 0 0 0-14.242 5.906l-22.438 19.91a299.794 299.794 0 0 0-96.697-39.969l-1.839-29.929c-.009-11.108-9.018-20.107-20.124-20.107h-.018l-40.564.034-12.5.011-12.5.01-21.217.018c-11.114.009-20.116 9.027-20.106 20.141l-1.787 29.932a300.056 300.056 0 0 0-24.482 6.537 299.57 299.57 0 0 0-37.597 14.581 300.847 300.847 0 0 0-14.508 7.285 300.571 300.571 0 0 0-15.84 9.106c-.598.368-1.19.742-1.785 1.114-.806.504-1.618.998-2.418 1.51l-22.473-19.872a20.063 20.063 0 0 0-14.218-5.882c-1.097 0-2.191.108-3.278.287a20.008 20.008 0 0 0-10.964 5.62l-.576.578-56.461 56.555-4.275 4.283a20.059 20.059 0 0 0-3.791 5.313 20.15 20.15 0 0 0-.279 17.208 20.047 20.047 0 0 0 4.094 5.938l19.91 22.438c-.476.747-.935 1.507-1.403 2.259a299.683 299.683 0 0 0-9.219 15.8 301.558 301.558 0 0 0-7.344 14.447 299.347 299.347 0 0 0-15.174 38.604 299.888 299.888 0 0 0-6.828 25.588l-29.929 1.838c-11.114.01-20.117 9.027-20.107 20.142l.016 19.104.011 12.709.011 12.586.036 42.385c.009 11.107 9.018 20.106 20.124 20.106h.018l29.932 1.787a299.758 299.758 0 0 0 40.133 96.63l-19.872 22.472c-7.852 7.866-7.841 20.607.024 28.461l61.417 61.312a20.063 20.063 0 0 0 14.218 5.882 20.062 20.062 0 0 0 14.242-5.906l22.438-19.909a299.8 299.8 0 0 0 96.698 39.969l1.838 29.929c.01 11.108 9.018 20.107 20.124 20.107h.017l86.782-.074c11.114-.01 20.117-9.027 20.107-20.141l1.787-29.933a299.79 299.79 0 0 0 96.63-40.133l22.472 19.872a20.065 20.065 0 0 0 14.218 5.882 20.06 20.06 0 0 0 14.242-5.906l61.313-61.417c7.852-7.865 7.841-20.607-.024-28.46l-19.91-22.438a299.777 299.777 0 0 0 39.969-96.698l29.926-1.839zm-114.225 6.808a219.826 219.826 0 0 1-11.879 28.699c-21.413 42.92-56.345 77.911-99.229 99.397a220.303 220.303 0 0 1-28.68 11.927c-22.062 7.391-45.67 11.412-70.218 11.433h-.191c-24.479 0-48.027-3.979-70.046-11.313a222.972 222.972 0 0 1-6.516-2.282l90.285-138.918c14.666-2.9 27.681-10.362 37.529-20.84l140.842-.12 24.181-.021a218.746 218.746 0 0 1-6.078 22.038zm-420.264.358c-7.392-22.062-11.412-45.67-11.434-70.218a221.956 221.956 0 0 1 5.75-50.478 220.584 220.584 0 0 1 3.985-14.807 217.75 217.75 0 0 1 1.578-4.953 218.937 218.937 0 0 1 3.964-10.921 221.033 221.033 0 0 1 7.914-17.778 221.801 221.801 0 0 1 21.503-34.682 222.383 222.383 0 0 1 15.945-18.835l2.326 3.477 14.609 21.836 23.234 34.724 7.103 10.614 7.104 10.615 37.691 56.331a70.543 70.543 0 0 0-1.543 14.727c.005 5.87.74 11.567 2.101 17.019L452.09 723.907l-16.914 25.371a222.027 222.027 0 0 1-38.756-54.718 220.196 220.196 0 0 1-11.925-28.677zm161.067-286.462a221.985 221.985 0 0 1 48.818-5.449h.194c24.478 0 48.025 3.979 70.043 11.314a220.003 220.003 0 0 1 28.698 11.878c42.921 21.414 77.911 56.345 99.397 99.229a219.968 219.968 0 0 1 11.927 28.68 219.741 219.741 0 0 1 6.118 22.026l-24.181.021-140.841.12c-10.373-11-24.244-18.655-39.842-21.182l-74.486-114.186-7.904-12.117-7.465-11.443a219.881 219.881 0 0 1 8.124-2.908 217.5 217.5 0 0 1 6.564-2.073 219.032 219.032 0 0 1 14.836-3.91zm49.006 183.449c17.997-.001 32.592 14.58 32.606 32.58 0 .445-.015.888-.032 1.329-.006.146-.008.294-.015.439-.905 17.188-15.117 30.852-32.532 30.866h-.026a32.54 32.54 0 0 1-10.815-1.844c-12.682-4.458-21.781-16.529-21.793-30.736-.011-13.109 7.719-24.411 18.87-29.6a32.475 32.475 0 0 1 13.737-3.034c-.001 0-.001 0 0 0z" />
+  </svg>
+);
+export default WIP;

src/svg/index.ts

@@ -1,3 +1,4 @@
+export { default as WIP } from "./WIP";
 export { default as Logo } from "./Logo";
 export { default as Burger } from "./Burger";