Find a temporary place for settings (codesandbox#4060)

Author: siddharthkp

packages/app/src/app/pages/NewDashboard/Sidebar/index.tsx

@@ -248,6 +248,19 @@ export const Sidebar = props => {
             Recently Deleted
           </Link>
         </ListAction>
+        <ListAction align="center" css={css({ paddingX: 0 })}>
+          <Link as={RouterLink} to="/new-dashboard/settings" style={linkStyles}>
+            <Stack
+              as="span"
+              css={css({ width: 10 })}
+              align="center"
+              justify="center"
+            >
+              <Icon name="gear" />
+            </Stack>
+            Settings (temp)
+          </Link>
+        </ListAction>
       </List>
     </Element>
   );

packages/components/src/components/Icon/icons.tsx

@@ -356,3 +356,19 @@ export const trash = props => (
     />
   </Element>
 );
+
+export const gear = props => (
+  <Element
+    as="svg"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.00283 7.09842e-08L6.5413 0L6.17112 1.48071C5.56427 1.6506 4.99188 1.90294 4.46677 2.2249L3.21339 1.47287L1.47283 3.21344L2.22487 4.46684C1.86015 5.06173 1.58477 5.7173 1.41739 6.41489L0 6.76924L8.51808e-07 9.23078L1.41741 9.58513C1.58478 10.2827 1.86017 10.9383 2.22489 11.5332L1.47285 12.7866L3.21341 14.5272L4.46681 13.7751C5.0617 14.1398 5.71728 14.4152 6.41487 14.5826L6.76922 16H9.23075L9.58509 14.5826C10.2827 14.4152 10.9383 14.1398 11.5332 13.7751L12.7866 14.5271L14.5271 12.7866L13.7751 11.5332C14.1398 10.9383 14.4152 10.2827 14.5826 9.58511L16 9.23077L16 6.76923L14.5826 6.41488C14.4152 5.71728 14.1399 5.06169 13.7751 4.4668L14.5272 3.21342L12.7866 1.47285L11.5332 2.22487C10.8702 1.81838 10.1318 1.52285 9.34387 1.36415L9.00283 7.09842e-08ZM8.00001 11.4286C9.89355 11.4286 11.4286 9.89354 11.4286 7.99999C11.4286 6.10644 9.89355 4.57142 8.00001 4.57142C6.10646 4.57142 4.57144 6.10644 4.57144 7.99999C4.57144 9.89354 6.10646 11.4286 8.00001 11.4286Z"
+      fill="currentColor"
+    />
+  </Element>
+);