feat: notifications toggle

package.json

@@ -88,6 +88,7 @@
     "@dcl/ui-env": "^1.4.0",
     "balloon-css": "^0.5.0",
     "classnames": "^2.3.2",
+    "dayjs": "^1.11.10",
     "deep-equal": "^2.0.5",
     "ethereum-blockies": "^0.1.1",
     "events": "^3.3.0",

src/components/Icons/Notifications/BidAccepted.tsx

@@ -0,0 +1,28 @@
+import React from 'react'
+
+const BidAccepted = (props: React.SVGAttributes<SVGElement>) => {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <circle cx="12" cy="12" r="12" fill="url(#paint0_linear_32_9728)" />
+      <path
+        d="M12.0744 8.44171L9.95688 10.0752C9.60469 10.3461 9.53688 10.8336 9.80375 11.1816C10.0859 11.5524 10.635 11.6253 11.0134 11.3441L13.1856 9.73558C13.3388 9.62307 13.5575 9.64808 13.6778 9.79392C13.7981 9.93977 13.7697 10.1481 13.6166 10.2627L13.1594 10.6003L17.0356 14.0006H17.95C18.5297 14.0006 19 13.5526 19 13.0005V10.3336C19 9.78142 18.5297 9.33346 17.95 9.33346H16.1847L14.5112 8.31253C14.1766 8.10834 13.785 8 13.3869 8C12.91 8 12.4463 8.15626 12.0744 8.44171ZM12.5731 11.0336L11.4422 11.8712C10.7531 12.3838 9.75344 12.2504 9.23719 11.5753C8.75156 10.9399 8.87406 10.0523 9.515 9.55848L11.335 8.15627C11.0813 8.05417 10.8078 8.00208 10.53 8.00208C10.1188 8 9.71844 8.11668 9.375 8.33337L7.8 9.33346H6.05C5.47031 9.33346 5 9.78142 5 10.3336V13.0005C5 13.5526 5.47031 14.0006 6.05 14.0006H8.41687L10.4163 15.7382C10.845 16.1112 11.5078 16.082 11.8994 15.6737C12.0197 15.5466 12.1006 15.3986 12.1422 15.2444L12.5141 15.5695C12.9406 15.9424 13.6056 15.9153 13.9972 15.5091C14.0956 15.407 14.1678 15.2882 14.2138 15.1653C14.6381 15.4361 15.2156 15.3799 15.5722 15.009C15.9637 14.6027 15.9353 13.9693 15.5087 13.5964L12.5731 11.0336Z"
+        fill="#FCFCFC"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_32_9728"
+          x1="0"
+          y1="0"
+          x2="24"
+          y2="24"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#438FFF" />
+          <stop offset="1" stop-color="#2969C7" />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
+
+export default BidAccepted

src/components/Icons/Notifications/BidReceived.tsx

@@ -0,0 +1,37 @@
+import React from 'react'
+
+const BidReceived = (props: React.SVGAttributes<SVGElement>) => {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <circle cx="12" cy="12" r="12" fill="url(#paint0_linear_32_9726)" />
+      <path d="M5 11.5002H6.34861V16.7003H5V11.5002Z" fill="#FCFCFC" />
+      <path
+        d="M18.9735 14.753C18.9676 14.6823 18.953 14.6129 18.9306 14.5454C18.8614 14.3764 18.7242 14.242 18.5508 14.1739C18.378 14.1051 18.1835 14.1083 18.0127 14.1822L17.5985 14.2542L14.9112 14.8064C14.8551 15.1831 14.6461 15.5225 14.3309 15.7475C14.0763 15.9057 13.7637 15.9487 13.4736 15.8652L10.0022 14.7068C9.83074 14.6393 9.74104 14.4561 9.79512 14.2838C9.81226 14.2021 9.86502 14.1308 9.93888 14.0877C10.0127 14.0453 10.1018 14.035 10.1842 14.0594L13.6523 15.2127C13.7288 15.2294 13.8093 15.2294 13.8858 15.2127C14.1272 15.0738 14.2729 14.8199 14.2683 14.5473C14.2808 14.3056 14.1535 14.0774 13.9392 13.9559C10.7783 12.6915 9.97979 12.0313 9.19239 12.0479H6.85385V16.1654C8.42734 16.7793 10.1577 17.4125 11.2671 17.811C12.0123 18.0817 12.8359 18.0611 13.5653 17.7525L18.5337 15.6769C18.845 15.5097 19.025 15.1774 18.9907 14.8322C18.9907 14.8123 19.0006 14.7943 19 14.7737C19 14.7653 18.9893 14.7582 18.9735 14.753Z"
+        fill="#FCFCFC"
+      />
+      <path
+        d="M13.9087 12.8004C14.192 11.3498 15.361 10.2145 16.8563 9.93965C15.3611 9.66478 14.192 8.53067 13.9087 7.08009C13.6253 8.53064 12.4563 9.66477 10.9611 9.93965C12.4563 10.2145 13.6265 11.3498 13.9087 12.8004Z"
+        fill="#FCFCFC"
+      />
+      <path
+        d="M10.6931 8.64016C10.8734 7.71709 11.6173 6.99463 12.5688 6.81971C11.6173 6.6448 10.8734 5.92309 10.6931 5C10.5128 5.92307 9.76885 6.6448 8.81733 6.81971C9.76883 6.99463 10.5135 7.71707 10.6931 8.64016Z"
+        fill="#FCFCFC"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_32_9726"
+          x1="0"
+          y1="0"
+          x2="24"
+          y2="24"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#A14BF3" />
+          <stop offset="1" stop-color="#6C30A6" />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
+
+export default BidReceived