ManInDark/HabitTrove
1
0
Fork 0
mirror of https://github.com/ManInDark/HabitTrove.git synced 2026-01-20 22:24:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge Tag v0.2.12

Browse Source
This commit is contained in:
ManInDark
2025-05-19 12:56:21 +02:00
parent d9fa0426ce 91ffe46863
commit eff14f3772
48 changed files with 3626 additions and 469 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/Navigation.tsx
View File

@@ -3,32 +3,34 @@
import { useHelpers } from '@/lib/client-helpers'
import { HabitIcon, TaskIcon } from '@/lib/constants'
import { Calendar, Coins, Gift, Home } from 'lucide-react'
import { useTranslations } from 'next-intl'
import Link from 'next/link'
import { usePathname } from 'next/navigation'
import { useEffect, useState } from 'react'
import AboutModal from './AboutModal'
import { usePathname } from 'next/navigation'
type ViewPort = 'main' | 'mobile'
const navItems = () => [
{ icon: Home, label: 'Dashboard', href: '/', position: 'main' },
{ icon: HabitIcon, label: 'Habits', href: '/habits', position: 'main' },
{ icon: TaskIcon, label: 'Tasks', href: '/tasks', position: 'main' },
{ icon: Calendar, label: 'Calendar', href: '/calendar', position: 'main' },
{ icon: Gift, label: 'Wishlist', href: '/wishlist', position: 'main' },
{ icon: Coins, label: 'Coins', href: '/coins', position: 'main' },
]
interface NavigationProps {
viewPort: ViewPort
}
export default function Navigation({ viewPort }: NavigationProps) {
const t = useTranslations('Navigation')
const [showAbout, setShowAbout] = useState(false)
const [isMobileView, setIsMobileView] = useState(false)
const { isIOS } = useHelpers()
const pathname = usePathname();
const navItems = () => [
{ icon: Home, label: t('dashboard'), href: '/', position: 'main' },
{ icon: HabitIcon, label: t('habits'), href: '/habits', position: 'main' },
{ icon: TaskIcon, label: t('tasks'), href: '/tasks', position: 'main' },
{ icon: Calendar, label: t('calendar'), href: '/calendar', position: 'main' },
{ icon: Gift, label: t('wishlist'), href: '/wishlist', position: 'main' },
{ icon: Coins, label: t('coins'), href: '/coins', position: 'main' },
]
useEffect(() => {
const handleResize = () => {
setIsMobileView(window.innerWidth < 1024)