update donation component

ln-dev7 · Jun 15, 2024 · 96b2fe3 · 96b2fe3
1 parent 4b254dc
commit 96b2fe3
Show file tree

Hide file tree

Showing 14 changed files with 671 additions and 744 deletions.
diff --git a/components/algolia/algolia-copyright.tsx b/components/algolia/algolia-copyright.tsx
@@ -13,7 +13,7 @@ export default function AlgoliaCopyright() {
         <img
           src="/assets/algolia.svg"
           alt="Algolia"
-          className="h-4 w-auto ml-1"
+          className="ml-1 h-4 w-auto"
         />
       </a>
     </div>

diff --git a/components/main-nav.tsx b/components/main-nav.tsx
@@ -59,49 +59,6 @@ export function MainNav({ items }: MainNavProps) {
                 </Link>
               )
           )}
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <button className="group relative inline-flex h-9 w-max items-center justify-center rounded-md bg-transparent px-4 py-2 text-sm font-semibold transition-colors hover:bg-slate-100 focus:bg-slate-100 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-slate-50 data-[state=open]:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800 dark:hover:text-slate-100 dark:focus:bg-slate-800 dark:data-[active]:bg-slate-800 dark:data-[state=open]:bg-slate-800">
-                Support us
-              </button>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent className="w-56">
-              {items?.map(
-                (item, index) =>
-                  item.href &&
-                  item.support && (
-                    <React.Fragment key={index}>
-                      <DropdownMenuItem className="cursor-pointer p-0">
-                        <Link
-                          href={item.disabled ? "#" : item.href}
-                          className={cn(
-                            "group relative inline-flex w-full items-center justify-start rounded-md bg-transparent px-4 py-2 text-sm font-semibold transition-colors focus:bg-slate-100 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-slate-50 data-[state=open]:bg-slate-50 dark:text-slate-100 dark:hover:text-slate-100 dark:focus:bg-slate-800 dark:data-[active]:bg-slate-800 dark:data-[state=open]:bg-slate-800",
-                            item.disabled && "cursor-not-allowed"
-                          )}
-                        >
-                          {item.title}
-                          {item.external && (
-                            <ExternalLink className="ml-2 h-4 w-4" />
-                          )}
-                          {item.disabled && (
-                            <span className="ml-2 rounded-xl bg-teal-100 px-1.5 py-0.5 text-xs no-underline group-hover:no-underline dark:text-slate-900">
-                              Soon
-                            </span>
-                          )}
-                          {item.pined && (
-                            <span className="absolute right-0 top-0 flex h-3 w-3">
-                              <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-sky-400 opacity-75"></span>
-                              <span className="inline-flex h-3 w-3 rounded-full bg-sky-500"></span>
-                            </span>
-                          )}
-                        </Link>
-                      </DropdownMenuItem>
-                      {index !== items.length - 1 && <DropdownMenuSeparator />}
-                    </React.Fragment>
-                  )
-              )}
-            </DropdownMenuContent>
-          </DropdownMenu>
         </nav>
       ) : null}
       <DropdownMenu>

diff --git a/components/site-footer.tsx b/components/site-footer.tsx
@@ -9,7 +9,7 @@ import { buttonVariants } from "@/components/ui/button"
 export function SiteFooter() {
   return (
     <footer className="container">
-      <div className="flex flex-col items-center justify-between gap-4 border-t border-t-slate-200 py-10 dark:border-t-slate-700 md:h-24 md:flex-row md:py-0">
+      <div className="flex flex-col items-center justify-between gap-4 border-t border-t-slate-200 py-10 md:h-24 md:flex-row md:py-0 dark:border-t-slate-700">
         <div className="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
           <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -25,7 +25,7 @@ export function SiteFooter() {
             <polyline points="4 17 10 11 4 5"></polyline>
             <line x1="12" y1="19" x2="20" y2="19"></line>
           </svg>
-          <p className="text-center text-sm leading-loose text-slate-600 dark:text-slate-400 md:text-left">
+          <p className="text-center text-sm leading-loose text-slate-600 md:text-left dark:text-slate-400">
             Built by{" "}
             <a
               href="https://leonelngoya.com"

diff --git a/components/ui/alert-dialog.tsx b/components/ui/alert-dialog.tsx
@@ -135,7 +135,7 @@ const AlertDialogCancel = React.forwardRef<
   <AlertDialogPrimitive.Cancel
     ref={ref}
     className={cn(
-      "mt-2 inline-flex h-10 items-center justify-center rounded-md border border-slate-200 bg-transparent px-4 py-2 text-sm font-semibold text-slate-900 transition-colors hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-slate-700 dark:text-slate-100 dark:hover:bg-slate-700 dark:focus:ring-slate-400 dark:focus:ring-offset-slate-900 sm:mt-0",
+      "mt-2 inline-flex h-10 items-center justify-center rounded-md border border-slate-200 bg-transparent px-4 py-2 text-sm font-semibold text-slate-900 transition-colors hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 sm:mt-0 dark:border-slate-700 dark:text-slate-100 dark:hover:bg-slate-700 dark:focus:ring-slate-400 dark:focus:ring-offset-slate-900",
       className
     )}
     {...props}

diff --git a/components/ui/navigation-menu.tsx b/components/ui/navigation-menu.tsx
@@ -86,7 +86,7 @@ const NavigationMenuViewport = React.forwardRef<
   <div className={cn("absolute left-0 top-full flex justify-center")}>
     <NavigationMenuPrimitive.Viewport
       className={cn(
-        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-slate-200 bg-white shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 dark:border-slate-700 dark:bg-slate-800 md:w-[var(--radix-navigation-menu-viewport-width)]",
+        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-slate-200 bg-white shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)] dark:border-slate-700 dark:bg-slate-800",
         className
       )}
       ref={ref}

diff --git a/config/site.ts b/config/site.ts
@@ -41,15 +41,9 @@ export const siteConfig: SiteConfig = {
     },
     {
       title: "Donation",
-      href: "/donation",
-      external: false,
-      support: true,
-    },
-    {
-      title: "Product Hunt",
-      href: "https://www.producthunt.com/products/sharuco",
+      href: "https://www.buymeacoffee.com/lndev",
       external: true,
-      support: true,
+      support: false,
     },
   ],
   links: {