fix: insert normal folder icons

flornkm · Jun 10, 2024 · d12bbd7 · d12bbd7
1 parent 09398aa
commit d12bbd7
Showing 1 changed file with 1 addition and 96 deletions.
diff --git a/pages/archive/experiments/index/+Page.tsx b/pages/archive/experiments/index/+Page.tsx
@@ -5,105 +5,10 @@ const experiments = [
   {
     title: "API Key Creation",
     path: "/archive/experiments/api-key",
-    preview: (
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 200 120"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clip-path="url(#clip0_3029_1287)">
-          <rect x="68" y="8" width="64" height="64" rx="8" fill="#E9E9E9" />
-          <path
-            d="M80 40.0001L78.2236 39.0813C77.9255 39.6576 77.9255 40.3426 78.2236 40.9189L80 40.0001ZM120 39.9999L121.776 40.9187C122.075 40.3424 122.075 39.6574 121.776 39.0811L120 39.9999ZM81.7764 40.9189C86.3322 32.1109 93.3058 28 100 28C106.694 28 113.668 32.1107 118.224 40.9187L121.776 39.0811C116.677 29.2224 108.478 23.9999 100 24C91.5217 24.0001 83.3227 29.2226 78.2236 39.0813L81.7764 40.9189ZM78.2236 40.9189C83.3227 50.7776 91.5217 56.0001 100 56C108.478 55.9999 116.677 50.7774 121.776 40.9187L118.224 39.0811C113.668 47.8891 106.694 52 100 52C93.3058 52 86.3322 47.8893 81.7764 39.0813L78.2236 40.9189ZM104 40C104 42.2091 102.209 44 100 44V48C104.418 48 108 44.4183 108 40H104ZM100 44C97.7909 44 96 42.2091 96 40H92C92 44.4183 95.5817 48 100 48V44ZM96 40C96 37.7909 97.7909 36 100 36V32C95.5817 32 92 35.5817 92 40H96ZM100 36C102.209 36 104 37.7909 104 40H108C108 35.5817 104.418 32 100 32V36Z"
-            fill="black"
-          />
-          <g filter="url(#filter0_d_3029_1287)">
-            <path
-              d="M117.61 91.3885C116.519 90.5627 114.938 88.7191 112.464 86.5558C111.061 85.3786 107.831 83.2935 106.697 82.0755C105.923 81.3581 105.484 80.3497 105.486 79.2942C105.44 77.3009 106.882 75.5839 108.854 75.286C110.414 75.1868 111.968 75.5478 113.325 76.3242C114.262 76.8284 115.155 77.4097 115.996 78.0622C116.614 78.5175 116.793 78.7183 117.493 79.245C118.193 79.7717 118.719 80.345 118.194 79.4297C117.603 78.0351 116.603 75.6942 115.528 73.6528C114.709 72.102 114.552 71.8645 113.871 70.7117C113.189 69.5588 112.707 68.57 111.95 67.251C111.231 65.9482 110.582 64.6086 110.005 63.2376C109.151 61.5148 108.911 59.5529 109.322 57.6749C110.079 56.4513 111.497 55.802 112.918 56.028C114.447 56.6286 115.752 57.69 116.651 59.0652C117.908 60.7174 118.937 62.5309 119.711 64.457C120.951 67.2305 122.983 71.2206 123.245 72.0822C122.958 71.01 122.149 68.8041 122.08 67.7355C121.998 66.6243 122.498 65.5499 123.4 64.8971C124.193 64.401 125.089 64.0969 126.02 64.0088C126.969 63.9559 127.903 64.2595 128.639 64.8599C129.764 66.3705 130.617 68.065 131.161 69.8677C130.812 68.2549 130.663 66.6053 130.715 64.9559C131.016 64.1439 131.592 63.4625 132.342 63.0292C133.253 62.5974 134.235 62.3343 135.24 62.2528C136.095 62.3049 136.915 62.616 137.59 63.1447C138.616 64.5171 139.422 66.0403 139.981 67.66C140.089 68.0657 139.881 66.4755 140.246 65.2904C140.314 64.2182 140.949 63.2635 141.911 62.786C142.874 62.3086 144.018 62.3809 144.913 62.9757C145.807 63.5705 146.317 64.5975 146.249 65.6697C146.754 67.5533 146.73 67.4664 147.072 68.7414C147.414 70.0164 147.717 71.1465 148.004 72.2187C148.353 73.9427 148.572 75.6905 148.659 77.4472C148.549 79.0518 148.22 80.634 147.683 82.1501C146.696 84.0918 146.007 86.1716 145.64 88.319C145.677 89.3274 145.84 90.3271 146.127 91.2945C146.365 92.1954 146.722 93.0606 147.189 93.8672C146.038 94.31 144.843 94.6301 143.625 94.8223C142.448 94.9512 140.452 93.0637 139.888 92.4691C139.602 92.1457 139.157 92.0119 138.74 92.1237C138.323 92.2356 138.004 92.5738 137.918 92.9971C137.576 94.2691 136.691 96.649 135.737 97.0289C133.858 97.781 129.797 98.6207 126.638 99.467C126.638 99.467 126.383 96.4295 124.916 95.7046C123.448 94.9798 121.905 94.0888 120.789 93.5181L117.61 91.3885Z"
-              fill="white"
-            />
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              d="M117.61 91.3885C116.519 90.5627 114.938 88.7191 112.464 86.5558C111.061 85.3786 107.831 83.2935 106.697 82.0755C105.923 81.3581 105.484 80.3497 105.486 79.2942C105.44 77.3009 106.882 75.5839 108.854 75.286C110.414 75.1868 111.968 75.5478 113.325 76.3242C114.262 76.8284 115.155 77.4097 115.996 78.0622C116.614 78.5175 116.793 78.7183 117.493 79.245C118.193 79.7717 118.719 80.345 118.194 79.4297C117.603 78.0351 116.603 75.6942 115.528 73.6528C114.709 72.102 114.552 71.8645 113.871 70.7117C113.189 69.5588 112.707 68.57 111.95 67.251C111.231 65.9482 110.582 64.6086 110.005 63.2376C109.151 61.5148 108.911 59.5529 109.322 57.6749C110.079 56.4513 111.497 55.802 112.918 56.028C114.447 56.6286 115.752 57.69 116.651 59.0652C117.908 60.7174 118.937 62.5309 119.711 64.457C120.951 67.2305 122.983 71.2206 123.245 72.0822C122.958 71.01 122.149 68.8041 122.08 67.7355C121.998 66.6243 122.498 65.5499 123.4 64.8971C124.193 64.401 125.089 64.0969 126.02 64.0088C126.969 63.9559 127.903 64.2595 128.639 64.8599C129.764 66.3705 130.617 68.065 131.161 69.8677C130.812 68.2549 130.663 66.6053 130.715 64.9559C131.016 64.1439 131.592 63.4625 132.342 63.0292C133.253 62.5974 134.235 62.3343 135.24 62.2528C136.095 62.3049 136.915 62.616 137.59 63.1447C138.616 64.5171 139.422 66.0403 139.981 67.66C140.089 68.0657 139.881 66.4755 140.246 65.2904C140.314 64.2182 140.949 63.2635 141.911 62.786C142.874 62.3086 144.018 62.3809 144.913 62.9757C145.807 63.5705 146.317 64.5975 146.249 65.6697C146.754 67.5533 146.73 67.4664 147.072 68.7414C147.414 70.0164 147.717 71.1465 148.004 72.2187C148.353 73.9427 148.572 75.6905 148.659 77.4472C148.549 79.0518 148.22 80.634 147.683 82.1501C146.696 84.0918 146.007 86.1716 145.64 88.319C145.677 89.3274 145.84 90.3271 146.127 91.2945C146.365 92.1954 146.722 93.0606 147.189 93.8672C146.038 94.31 144.843 94.6301 143.625 94.8223C142.448 94.9512 140.452 93.0637 139.888 92.4691C139.602 92.1457 139.157 92.0119 138.74 92.1237C138.323 92.2356 138.004 92.5738 137.918 92.9971C137.576 94.2691 136.691 96.649 135.737 97.0289C133.858 97.781 129.797 98.6207 126.638 99.467C126.638 99.467 126.383 96.4295 124.916 95.7046C123.448 94.9798 121.905 94.0888 120.789 93.5181L117.61 91.3885Z"
-              stroke="black"
-              stroke-width="2.25"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-            <path
-              d="M142.605 86.387L139.925 76.3846C139.764 75.7858 139.148 75.4308 138.548 75.5916C137.947 75.7525 137.591 76.3682 137.751 76.9669L140.432 86.9694C140.592 87.5681 141.209 87.9231 141.809 87.7623C142.409 87.6015 142.765 86.9858 142.605 86.387Z"
-              fill="black"
-            />
-            <path
-              d="M136.865 87.9206L134.125 77.9285C133.962 77.3321 133.344 76.9818 132.744 77.1461C132.145 77.3103 131.792 77.9269 131.956 78.5233L134.695 88.5154C134.859 89.1118 135.477 89.4621 136.076 89.2978C136.675 89.1336 137.028 88.517 136.865 87.9206Z"
-              fill="black"
-            />
-            <path
-              d="M126.161 80.0865L128.895 90.0579C129.06 90.66 129.68 91.0149 130.279 90.8505C130.878 90.6862 131.23 90.0649 131.065 89.4628L128.331 79.4914C128.166 78.8894 127.547 78.5345 126.948 78.6988C126.348 78.8631 125.996 79.4844 126.161 80.0865Z"
-              fill="black"
-            />
-          </g>
-        </g>
-        <defs>
-          <filter
-            id="filter0_d_3029_1287"
-            x="101.959"
-            y="54.8584"
-            width="50.2219"
-            height="51.1334"
-            filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB"
-          >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feColorMatrix
-              in="SourceAlpha"
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset dy="3" />
-            <feGaussianBlur stdDeviation="1.2" />
-            <feColorMatrix
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"
-            />
-            <feBlend
-              mode="normal"
-              in2="BackgroundImageFix"
-              result="effect1_dropShadow_3029_1287"
-            />
-            <feBlend
-              mode="normal"
-              in="SourceGraphic"
-              in2="effect1_dropShadow_3029_1287"
-              result="shape"
-            />
-          </filter>
-          <clipPath id="clip0_3029_1287">
-            <rect width="200" height="120" fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    ),
   },
   {
     title: "Custom Caret",
     path: "/archive/experiments/custom-caret",
-    preview: (
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 200 120"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <rect x="5" y="31" width="190" height="58" rx="8" fill="#E9E9E9" />
-        <rect x="13" y="39" width="3" height="42" rx="1.5" fill="#3B82F6" />
-      </svg>
-    ),
   },
 ]
 
@@ -132,7 +37,7 @@ export default function Page() {
             >
               <div className="flex flex-col items-center gap-2 w-28">
                 <div className="text-neutral-400 relative dark:text-neutral-500">
-                  {experiment.preview}
+                  <FolderIllustration />
                 </div>
                 <p className="font-medium truncate text-center text-neutral-500 group-hover:text-black dark:group-hover:text-white transition-colors duration-75">
                   {experiment.title}