diff --git a/apps/web/components/ui/mobile-primary-menu.tsx b/apps/web/components/ui/mobile-primary-menu.tsx
index 4368d82..f9d6d7d 100644
--- a/apps/web/components/ui/mobile-primary-menu.tsx
+++ b/apps/web/components/ui/mobile-primary-menu.tsx
@@ -10,6 +10,7 @@ import {
import { cn } from "@ui/lib/utils";
import { ChevronUp, Download, ImagePlus, LucideIcon, Menu } from "lucide-react";
import primaryToolbarMenu from "./primary-toolbar-menu";
+import { Toolbar } from "../toolbar";
function MobilePrimaryMenu({ disabled }: { disabled: boolean }) {
return (
@@ -28,39 +29,23 @@ function MobilePrimaryMenu({ disabled }: { disabled: boolean }) {
-
+
Tools
- {/* {primaryToolbarMenu.map(({ title, description, icon: Icon }) => (
-
-
+
+ e.preventDefault()}>
+
- ))} */}
+ e.preventDefault()}>
+
+
+ e.preventDefault()}>
+
+
+
);
}
-const MenuItem = ({
- title,
- description,
- icon: Icon,
-}: {
- title: string;
- description: string;
- icon: LucideIcon;
-}) => (
-
-
-
-
{title}
-
{description}
-
-
-);
-
export default MobilePrimaryMenu;
diff --git a/apps/web/components/ui/primary-toolbar-menu.tsx b/apps/web/components/ui/primary-toolbar-menu.tsx
index ff8e255..5c58117 100644
--- a/apps/web/components/ui/primary-toolbar-menu.tsx
+++ b/apps/web/components/ui/primary-toolbar-menu.tsx
@@ -24,7 +24,7 @@ const primaryToolbarMenu: PrimaryToolbarMenu = {
},
[ToolbarMenus.DOWNLOAD]: {
title: "Download",
- description: "Coming Soon... Download the current palette as a PNG",
+ description: "Download the current palette as a PNG",
icon: Download,
},
[ToolbarMenus.SHARE]: {