Add "My Sandboxes" menu item (codesandbox#790)

* Added "My Sandboxes" menu item.

* Updated icon.

* Fixed eslint warnings.

Author: lbogdan

packages/app/src/app/pages/common/HTML5BackendWithFolderSupport/html-dir-content/utils.js

@@ -24,10 +24,14 @@ const getFileFromFileEntry = entry =>
 
 const isItemFileEntry = item => item.kind === 'file';
 
-const getAsEntry = item =>
-  item.getAsEntry
-    ? item.getAsEntry()
-    : item.webkitGetAsEntry ? item.webkitGetAsEntry() : null;
+const getAsEntry = item => {
+  if (item.getAsEntry) {
+    return item.getAsEntry();
+  } else if (item.webkitGetAsEntry) {
+    return item.webkitGetAsEntry();
+  }
+  return null;
+};
 
 const getListAsArray = (
   list // returns a flat array

packages/app/src/app/pages/common/UserMenu/Menu/elements.js

@@ -7,7 +7,7 @@ export const Container = styled.div`
   box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.75);
 
   ${delayEffect(0)};
-  top: 40px;
+  top: 35px;
 
   right: 0;
 

packages/app/src/app/pages/common/UserMenu/Menu/index.js

@@ -5,9 +5,13 @@ import UserIcon from 'react-icons/lib/ti/user';
 import ExitIcon from 'react-icons/lib/md/exit-to-app';
 import FolderIcon from 'react-icons/lib/md/folder';
 import SettingsIcon from 'react-icons/lib/md/settings';
-
-import { profileUrl, patronUrl } from 'common/utils/url-generator';
+import {
+  profileUrl,
+  profileSandboxesUrl,
+  patronUrl,
+} from 'common/utils/url-generator';
 import PatronBadge from 'common/utils/badges/PatronBadge';
+import InfoIcon from '../../../../pages/Sandbox/Editor/Navigation/InfoIcon';
 
 import { Container, Item, Icon } from './elements';
 
@@ -21,6 +25,16 @@ function Menu({ username, openPreferences, openStorageManagement, signOut }) {
           </Icon>My Profile
         </Item>
       </Link>
+      <Link
+        style={{ textDecoration: 'none' }}
+        to={profileSandboxesUrl(username)}
+      >
+        <Item>
+          <Icon>
+            <InfoIcon />
+          </Icon>My Sandboxes
+        </Item>
+      </Link>
       <Item onClick={openStorageManagement}>
         <Icon>
           <FolderIcon />