From 16866d8808c09c0cebc9861e04caa78fbcd10215 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sat, 5 Apr 2025 15:53:42 +0100
Subject: chore: Hoarder to Karakeep rebranding (#1199)

* The new logo

* Changing hoarder.app to karakeep.app

* Adding the admin panel warning

* Update the readme
---
 apps/web/components/HoarderIcon.tsx                   | 19 ++++---------------
 apps/web/components/admin/AdminNotices.tsx            | 19 ++++++++++++++++++-
 apps/web/components/dashboard/header/Header.tsx       |  2 +-
 apps/web/components/dashboard/lists/EditListModal.tsx |  2 +-
 apps/web/components/shared/sidebar/Sidebar.tsx        |  2 +-
 5 files changed, 25 insertions(+), 19 deletions(-)

(limited to 'apps/web/components')

diff --git a/apps/web/components/HoarderIcon.tsx b/apps/web/components/HoarderIcon.tsx
index a4b76f6a..94c201e9 100644
--- a/apps/web/components/HoarderIcon.tsx
+++ b/apps/web/components/HoarderIcon.tsx
@@ -1,20 +1,9 @@
-import HoarderLogoIcon from "@/public/icons/logo-icon.svg";
-import HoarderLogoText from "@/public/icons/logo-text.svg";
+import KarakeepFull from "@/public/icons/karakeep-full.svg";
 
-export default function HoarderLogo({
-  height,
-  gap,
-}: {
-  height: number;
-  gap: string;
-}) {
+export default function HoarderLogo({ height }: { height: number }) {
   return (
-    <span style={{ gap }} className="flex items-center">
-      <HoarderLogoIcon height={height} className={`fill-foreground`} />
-      <HoarderLogoText
-        height={(height * 2) / 3}
-        className={`fill-foreground`}
-      />
+    <span className="flex items-center">
+      <KarakeepFull height={height} className={`fill-foreground`} />
     </span>
   );
 }
diff --git a/apps/web/components/admin/AdminNotices.tsx b/apps/web/components/admin/AdminNotices.tsx
index 4977736f..45824727 100644
--- a/apps/web/components/admin/AdminNotices.tsx
+++ b/apps/web/components/admin/AdminNotices.tsx
@@ -27,7 +27,7 @@ function useAdminNotices() {
           You&apos;re using the legacy docker container images. Those will stop
           getting supported soon. Please follow{" "}
           <a
-            href="https://docs.hoarder.app/next/Guides/legacy-container-upgrade"
+            href="https://docs.karakeep.app/next/Guides/legacy-container-upgrade"
             className="underline"
           >
             this guide
@@ -38,6 +38,23 @@ function useAdminNotices() {
       title: "Legacy Container Images",
     });
   }
+  ret.push({
+    level: "warning",
+    message: (
+      <p>
+        You&apos;ll need to update your docker images to the new image otherwise
+        you won&apos;t be getting new updates. Please follow{" "}
+        <a
+          href="https://docs.karakeep.app/next/Guides/hoarder-to-karakeep-migration"
+          className="underline"
+        >
+          this guide
+        </a>{" "}
+        for instructions on how to update your docker images.
+      </p>
+    ),
+    title: "Hoarder is rebranding to Karakeep",
+  });
   return ret;
 }
 
diff --git a/apps/web/components/dashboard/header/Header.tsx b/apps/web/components/dashboard/header/Header.tsx
index ac1dcec0..91f8c2ac 100644
--- a/apps/web/components/dashboard/header/Header.tsx
+++ b/apps/web/components/dashboard/header/Header.tsx
@@ -16,7 +16,7 @@ export default async function Header() {
     <header className="sticky left-0 right-0 top-0 z-50 flex h-16 items-center justify-between overflow-x-auto overflow-y-hidden bg-background p-4 shadow">
       <div className="hidden items-center sm:flex">
         <Link href={"/dashboard/bookmarks"} className="w-56">
-          <HoarderLogo height={20} gap="8px" />
+          <HoarderLogo height={38} />
         </Link>
       </div>
       <div className="flex flex-1 gap-2">
diff --git a/apps/web/components/dashboard/lists/EditListModal.tsx b/apps/web/components/dashboard/lists/EditListModal.tsx
index db87ec22..44daf72b 100644
--- a/apps/web/components/dashboard/lists/EditListModal.tsx
+++ b/apps/web/components/dashboard/lists/EditListModal.tsx
@@ -347,7 +347,7 @@ export function EditListModal({
                       </div>
                       <FormDescription>
                         <Link
-                          href="https://docs.hoarder.app/Guides/search-query-language"
+                          href="https://docs.karakeep.app/Guides/search-query-language"
                           className="italic"
                         >
                           {t("lists.search_query_help")}
diff --git a/apps/web/components/shared/sidebar/Sidebar.tsx b/apps/web/components/shared/sidebar/Sidebar.tsx
index b38b7306..7ddb5c1e 100644
--- a/apps/web/components/shared/sidebar/Sidebar.tsx
+++ b/apps/web/components/shared/sidebar/Sidebar.tsx
@@ -37,7 +37,7 @@ export default async function Sidebar({
         rel="noopener noreferrer"
         className="mt-auto flex items-center border-t pt-2 text-sm text-gray-400 hover:underline"
       >
-        Hoarder v{serverConfig.serverVersion}
+        Karakeep v{serverConfig.serverVersion}
       </Link>
     </aside>
   );
-- 
cgit v1.3-1-g0d28