feat(ui): Remove discord and github links (#1502)

yottahmd · web-flow · commit 05452f966910 · 2025-12-24T00:37:27.000+09:00
* **New Features**
  * Added user menu component to the sidebar
  * Added version display at the bottom of the sidebar

* **UI/UX Changes**
  * Removed Discord and GitHub social links from the sidebar
  * Updated authentication configuration
diff --git a/ui/src/menu.tsx b/ui/src/menu.tsx
@@ -11,7 +11,6 @@ import { useConfig } from '@/contexts/ConfigContext';
 import { cn } from '@/lib/utils';
 import {
   BarChart2,
-  Github,
   Globe,
   History,
   Inbox,
@@ -24,22 +23,6 @@ import * as React from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import { AppBarContext } from './contexts/AppBarContext';
 
-// Discord SVG Icon component
-function DiscordIcon({ className }: { className?: string }) {
-  return (
-    <svg
-      className={className}
-      width="16"
-      height="16"
-      viewBox="0 0 24 24"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
-    </svg>
-  );
-}
-
 // Reusable Icon component using Lucide React
 function Icon({
   children,
@@ -275,46 +258,21 @@ export const mainListItems = React.forwardRef<
           </div>
         )}
       </nav>
-      {/* Discord Community link */}
-      <div className="px-1 pb-0.5">
-        <a
-          href="https://discord.gg/gpahPUjGRk"
-          target="_blank"
-          rel="noopener noreferrer"
-          className={cn(
-            'flex items-center transition-all duration-200',
-            isOpen
-              ? 'h-7 px-2 rounded hover:bg-sidebar-foreground/5 text-sidebar-foreground/60 hover:text-sidebar-foreground justify-start'
-              : 'w-7 h-7 rounded hover:bg-sidebar-foreground/5 text-sidebar-foreground/60 hover:text-sidebar-foreground justify-center'
-          )}
-          title="Discord Community"
-        >
-          <DiscordIcon />
-          {isOpen && <span className="ml-2 text-xs font-medium">Discord</span>}
-        </a>
+      {/* User Menu */}
+      <div className={cn('px-1', isOpen ? '' : 'flex justify-center')}>
+        <UserMenu isCollapsed={!isOpen} />
       </div>
-      {/* GitHub link */}
-      <div className="px-1 pb-4 md:pb-1">
-        <a
-          href="https://github.com/dagu-org/dagu"
-          target="_blank"
-          rel="noopener noreferrer"
+      {/* Version tag at the bottom */}
+      {config.version && (
+        <div
           className={cn(
-            'flex items-center transition-all duration-200',
-            isOpen
-              ? 'h-7 px-2 rounded hover:bg-sidebar-foreground/5 text-sidebar-foreground/60 hover:text-sidebar-foreground justify-start'
-              : 'w-7 h-7 rounded hover:bg-sidebar-foreground/5 text-sidebar-foreground/60 hover:text-sidebar-foreground justify-center'
+            'px-2 pb-2 pt-1 text-[10px] text-sidebar-foreground/50',
+            isOpen ? 'text-left' : 'text-center'
           )}
-          title="GitHub Repository"
         >
-          <Github size={16} />
-          {isOpen && <span className="ml-2 text-xs font-medium">GitHub</span>}
-        </a>
-      </div>
-      {/* User Menu - at the very bottom */}
-      <div className={cn('px-1 pb-2', isOpen ? '' : 'flex justify-center')}>
-        <UserMenu isCollapsed={!isOpen} />
-      </div>
+          {isOpen ? config.version : config.version.split('.')[0]}
+        </div>
+      )}
     </div>
   );
 });
