From 8f7490beb45f45bbc19d2f8259e99616d89a63dd Mon Sep 17 00:00:00 2001 From: arsam Date: Fri, 18 Sep 2026 23:17:06 +0330 Subject: [PATCH] Import source: src/components/Navbar/Navbar Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality. --- src/components/Navbar/Navbar.tsx | 132 +++++++++++++++++++++++++++++++ 1 file changed, 132 insertions(+) create mode 100644 src/components/Navbar/Navbar.tsx diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx new file mode 100644 index 0000000..d469608 --- /dev/null +++ b/src/components/Navbar/Navbar.tsx @@ -0,0 +1,132 @@ +import { useState } from 'react'; +import { useTheme } from '../../context/ThemeContext'; +import { BatchModal } from '../BatchModal'; + +function QRIcon() { + return ( + + + + + + + + + + + + + ); +} + +function SunIcon() { + return ( + + + + + + + + + + + + ); +} + +function MoonIcon() { + return ( + + + + ); +} + +const navBtnBase: React.CSSProperties = { + background: 'var(--bg-elevated)', + border: '1px solid var(--border-sub)', + color: 'var(--text-secondary)', + cursor: 'pointer', +}; + +export function Navbar() { + const { isDark, toggle } = useTheme(); + const [batchOpen, setBatchOpen] = useState(false); + + const onHover = (e: React.MouseEvent) => { + (e.currentTarget as HTMLElement).style.borderColor = 'rgba(124,111,224,0.5)'; + (e.currentTarget as HTMLElement).style.color = '#7C6FE0'; + }; + const onLeave = (e: React.MouseEvent) => { + (e.currentTarget as HTMLElement).style.borderColor = 'var(--border-sub)'; + (e.currentTarget as HTMLElement).style.color = 'var(--text-secondary)'; + }; + + return ( + <> + + + setBatchOpen(false)} /> + + ); +}