feat: more context menu options for branch/repo (#6999)

Author: alexnm

packages/app/src/app/pages/Dashboard/Components/Header/index.tsx

@@ -141,7 +141,6 @@ export const Header = ({
                 alignItems: 'center',
                 textDecoration: 'none',
                 fontSize: 2,
-                padding: 2,
                 color: 'mutedForeground',
                 width: 'auto',
                 transition: `color ease-in`,

packages/app/src/app/pages/Dashboard/Components/Selection/ContextMenus/BranchMenu.tsx

@@ -4,7 +4,9 @@ import { BranchFragment as Branch } from 'app/graphql/types';
 import {
   githubRepoUrl,
   v2BranchUrl,
+  dashboard,
 } from '@codesandbox/common/lib/utils/url-generator';
+import { useHistory } from 'react-router-dom';
 import { Context, MenuItem } from '../ContextMenu';
 
 type BranchMenuProps = {
@@ -15,13 +17,20 @@ export const BranchMenu: React.FC<BranchMenuProps> = ({ branch }) => {
 
   const { name, project, contribution } = branch;
   const branchUrl = v2BranchUrl({ name, project });
+
+  const { name: repoName, owner } = project.repository;
+
   const githubUrl = githubRepoUrl({
     branch: name,
-    repo: project.repository.name,
-    username: project.repository.owner,
+    repo: repoName,
+    username: owner,
     path: '',
   });
 
+  const repoUrl = dashboard.repository({ owner, name: repoName });
+
+  const history = useHistory();
+
   return (
     <Menu.ContextMenu
       visible={visible}
@@ -44,6 +53,9 @@ export const BranchMenu: React.FC<BranchMenuProps> = ({ branch }) => {
           Open on GitHub
         </MenuItem>
       )}
+      <MenuItem onSelect={() => history.push(repoUrl)}>
+        Open repository
+      </MenuItem>
       {/* TODO: Implement remove branch <Menu.Divider />
       <Menu.Divider />
       <MenuItem

packages/app/src/app/pages/Dashboard/Components/Selection/ContextMenus/MultiItemMenu.tsx

@@ -220,7 +220,7 @@ export const MultiMenu = ({ selectedItems, page }: IMultiMenuProps) => {
     ? [{ label: 'Export Items', fn: exportItems }]
     : [];
 
-  const DELETE = { label: 'Delete Items', fn: deleteItems };
+  const DELETE = { label: 'Archive Items', fn: deleteItems };
   const RECOVER = {
     label: 'Recover Sandboxes',
     fn: () => {

packages/app/src/app/pages/Dashboard/Components/Selection/ContextMenus/RepositoryMenu.tsx

@@ -1,7 +1,10 @@
 import React from 'react';
 import { Menu } from '@codesandbox/components';
 import { ProjectFragment as Repository } from 'app/graphql/types';
-import { dashboard } from '@codesandbox/common/lib/utils/url-generator';
+import {
+  dashboard,
+  v2DraftBranchUrl,
+} from '@codesandbox/common/lib/utils/url-generator';
 import { useHistory } from 'react-router-dom';
 import { Context, MenuItem } from '../ContextMenu';
 
@@ -19,6 +22,11 @@ export const RepositoryMenu: React.FC<RepositoryMenuProps> = ({
     owner: providerRepository.owner,
     name: providerRepository.name,
   });
+  const branchFromDefaultUrl = v2DraftBranchUrl(
+    providerRepository.owner,
+    providerRepository.name
+  );
+
   const githubUrl = `https://github.com/${providerRepository.owner}/${providerRepository.name}`;
 
   return (
@@ -37,6 +45,10 @@ export const RepositoryMenu: React.FC<RepositoryMenuProps> = ({
       <MenuItem onSelect={() => window.open(githubUrl, '_blank')}>
         Open on GitHub
       </MenuItem>
+      <Menu.Divider />
+      <MenuItem onSelect={() => window.open(branchFromDefaultUrl, '_blank')}>
+        Create branch
+      </MenuItem>
 
       {/* TODO: Implement remove repository
       <Menu.Divider />