[projects] Add 'New Workspace' context menu option to all Team Projec…

…ts cards
gitpod-io · Oct 6, 2021 · f74bb72 · f74bb72
1 parent c2b1614
commit f74bb72
Showing 1 changed file with 14 additions and 7 deletions.
diff --git a/components/dashboard/src/projects/Projects.tsx b/components/dashboard/src/projects/Projects.tsx
@@ -108,17 +108,24 @@ export default function () {
                     {projects.filter(filter).map(p => (<div key={`project-${p.id}`} className="h-52">
                         <div className="h-42 border border-gray-100 dark:border-gray-800 rounded-t-xl">
                             <div className="h-32 p-6">
-                                <div className="flex text-xl font-semibold text-gray-700 dark:text-gray-200 font-medium">
+                                <div className="flex text-gray-700 dark:text-gray-200 font-medium">
                                     <Link to={`/${teamOrUserSlug}/${p.name}`}>
-                                        {p.name}
+                                        <span className="text-xl font-semibold">{p.name}</span>
                                     </Link>
                                     <span className="flex-grow" />
                                     <div className="justify-end">
-                                        <ContextMenu menuEntries={[{
-                                            title: "Remove Project",
-                                            customFontStyle: 'text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300',
-                                            onClick: () => onRemoveProject(p)
-                                        }]} />
+                                        <ContextMenu menuEntries={[
+                                            {
+                                                title: "New Workspace",
+                                                href: `/#${p.cloneUrl}`,
+                                                separator: true,
+                                            },
+                                            {
+                                                title: "Remove Project",
+                                                customFontStyle: 'text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300',
+                                                onClick: () => onRemoveProject(p)
+                                            },
+                                        ]} />
                                     </div>
                                 </div>
                                 <a href={p.cloneUrl.replace(/\.git$/, '')}>