Update logo, fix an import

Author: CompuIves

packages/app/src/app/pages/Dashboard/Content/SandboxGrid/index.js

@@ -16,14 +16,15 @@ import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
 import Grid from 'react-virtualized/dist/commonjs/Grid';
 import Table from 'react-virtualized/dist/commonjs/Table';
 import Column from 'react-virtualized/dist/commonjs/Table/Column';
+import { makeTemplates } from 'app/components/CreateNewSandbox/queries';
 
 import {
   deleteSandboxes,
-  makeTemplates,
   permanentlyDeleteSandboxes,
   setSandboxesPrivacy,
   undeleteSandboxes,
 } from '../../queries';
+
 import { DragLayer } from '../DragLayer';
 import { SandboxItem } from '../SandboxCard';
 import { PADDING } from '../SandboxCard/elements';

packages/common/src/components/Logo.tsx

@@ -19,49 +19,20 @@ export default ({
     className={className}
     width={typeof width === 'number' ? `${width}px` : width}
     height={typeof height === 'number' ? `${height}px` : height}
-    viewBox="0 0 1024 1024"
+    viewBox="0 0 452 452"
     style={{ verticalAlign: 'middle', ...style }}
   >
-    <title>CodeSandbox</title>
-    <g id="Layer_1">
-      <polyline
-        fill="currentColor"
-        points="719.001,851 719.001,639.848 902,533.802 902,745.267 719.001,851"
-      />
-      <polyline
-        fill="currentColor"
-        points="302.082,643.438 122.167,539.135 122.167,747.741 302.082,852.573 302.082,643.438"
-      />
-      <polyline
-        fill="currentColor"
-        points="511.982,275.795 694.939,169.633 512.06,63 328.436,169.987 511.982,275.795"
-      />
-    </g>
-    <g id="Layer_2">
-      <polyline
-        fill="none"
-        stroke="currentColor"
-        strokeWidth="80"
-        strokeMiterlimit="10"
-        points="899,287.833 509,513 509,963"
-      />
-      <line
-        fill="none"
-        stroke="currentColor"
-        strokeWidth="80"
-        strokeMiterlimit="10"
-        x1="122.167"
-        y1="289"
-        x2="511.5"
-        y2="513"
-      />
-      <polygon
-        fill="none"
-        stroke="currentColor"
-        strokeWidth="80"
-        strokeMiterlimit="10"
-        points="121,739.083 510.917,963.042 901,738.333 901,288 511,62 121,289"
-      />
-    </g>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M226 228.286V447.293C229.813 447.293 232.319 446.466 235.742 444.51L411.107 344.302C418.031 340.333 420.855 334.19 420.855 326.208V123.008C420.855 119.004 420.011 116.609 418.066 113.266L231.61 218.619C228.141 220.601 226 224.29 226 228.286ZM323.425 354.044C323.425 359.611 321.337 362.395 316.466 365.178L258.011 398.581C253.836 401.365 248.269 399.973 248.269 394.406V245.485C248.269 241.501 251.775 236.338 255.227 234.351L388.839 157.803C392.55 155.667 395.797 159.088 395.797 163.37V242.701C395.797 246.814 393.859 250.509 390.23 252.444L330.384 284.455C326.755 286.39 323.425 290.085 323.425 294.197V354.044Z"
+      fill="#B8B9BA"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M31.1505 326.208V123.008C31.1505 115.017 35.3465 107.488 42.2848 103.523L212.082 7.49014C215.74 5.55143 221.825 4.7066 226 4.7066C230.175 4.7066 236.617 5.74065 239.918 7.49017L408.324 103.523C411.656 105.492 416.181 110.027 418.066 113.266L231.567 219.041C228.098 221.023 226 224.788 226 228.784V447.293C222.187 447.293 218.289 446.466 214.866 444.51L43.6766 345.693C36.7382 341.729 31.1505 334.2 31.1505 326.208ZM56.2026 163.37V242.701C56.2026 248.269 57.5944 251.052 63.1615 253.836L121.616 287.238C127.184 290.022 128.575 294.197 128.575 298.373V354.044C128.575 359.611 129.967 362.395 135.534 365.178L193.989 398.581C199.556 401.364 203.732 399.973 203.732 394.406V245.485C203.732 241.31 202.34 237.134 196.773 234.351L65.9451 159.194C61.7697 156.411 56.2026 157.803 56.2026 163.37ZM284.455 68.7286L232.959 97.956C228.784 100.74 223.217 100.74 219.041 97.956L167.545 68.7286C164.155 66.8127 159.806 66.8225 156.411 68.7286L92.3889 104.915C86.8218 107.699 86.8218 113.266 92.3889 116.049L220.433 189.814C223.86 191.776 228.14 191.776 231.567 189.814L359.611 116.049C363.787 113.266 365.178 107.699 359.611 104.915L295.589 68.7286C292.194 66.8225 287.845 66.8127 284.455 68.7286Z"
+      fill="#F2F2F2"
+    />
   </svg>
 );