From 4aa9119d8b4408d0d621adc3ab1cf431c89c609e Mon Sep 17 00:00:00 2001
From: Hemik Vijay <hemikkamli@gmail.com>
Date: Sat, 30 Dec 2023 14:18:34 +0530
Subject: [PATCH 1/2] add: commant button for small screen device

---
 src/components/command-menu.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/command-menu.tsx b/src/components/command-menu.tsx
index 0149258baf42a..db533bdf56795 100644
--- a/src/components/command-menu.tsx
+++ b/src/components/command-menu.tsx
@@ -11,6 +11,8 @@ import {
   CommandList,
   CommandSeparator,
 } from "@/components/ui/command";
+import { Button } from "./ui/button";
+import { CommandIcon } from "lucide-react";
 
 interface Props {
   links: { url: string; title: string }[];
@@ -33,13 +35,21 @@ export const CommandMenu = ({ links }: Props) => {
 
   return (
     <>
-      <p className="fixed bottom-0 left-0 right-0 border-t border-t-muted bg-white p-1 text-center text-sm text-muted-foreground print:hidden">
+      <p className="fixed bottom-0 left-0 right-0 hidden border-t border-t-muted bg-white p-1 text-center text-sm text-muted-foreground print:hidden xl:block">
         Press{" "}
         <kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
           <span className="text-xs">⌘</span>J
         </kbd>{" "}
         to open the command menu
       </p>
+      <Button
+        onClick={() => setOpen((open) => !open)}
+        variant={"outline"}
+        size={"icon"}
+        className="fixed bottom-4 right-4 flex rounded-full shadow-2xl print:hidden xl:hidden"
+      >
+        <CommandIcon className="my-6 h-6 w-6" />
+      </Button>
       <CommandDialog open={open} onOpenChange={setOpen}>
         <CommandInput placeholder="Type a command or search..." />
         <CommandList>

From a2594a0173c45aa84f61d3f8c7fb92ce8ee4d193 Mon Sep 17 00:00:00 2001
From: Hemik Vijay <hemikkamli@gmail.com>
Date: Sun, 31 Dec 2023 09:06:05 +0530
Subject: [PATCH 2/2] removed {} from the props

---
 src/components/command-menu.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/command-menu.tsx b/src/components/command-menu.tsx
index db533bdf56795..5a22b97079836 100644
--- a/src/components/command-menu.tsx
+++ b/src/components/command-menu.tsx
@@ -44,8 +44,8 @@ export const CommandMenu = ({ links }: Props) => {
       </p>
       <Button
         onClick={() => setOpen((open) => !open)}
-        variant={"outline"}
-        size={"icon"}
+        variant="outline"
+        size="icon"
         className="fixed bottom-4 right-4 flex rounded-full shadow-2xl print:hidden xl:hidden"
       >
         <CommandIcon className="my-6 h-6 w-6" />