epic-ux-design #1
@@ -1,27 +1,20 @@
|
|||||||
'use client'
|
'use client'
|
||||||
|
|
||||||
import { useState, useEffect } from 'react'
|
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import { usePathname, useSearchParams } from 'next/navigation'
|
import { usePathname, useSearchParams } from 'next/navigation'
|
||||||
import { cn } from '@/lib/utils'
|
import { cn } from '@/lib/utils'
|
||||||
import {
|
import {
|
||||||
Lightbulb,
|
Lightbulb,
|
||||||
Bell,
|
Bell,
|
||||||
Tag,
|
|
||||||
Archive,
|
Archive,
|
||||||
Trash2,
|
Trash2,
|
||||||
Pencil,
|
|
||||||
ChevronRight,
|
|
||||||
Plus
|
|
||||||
} from 'lucide-react'
|
} from 'lucide-react'
|
||||||
import { useLabels } from '@/context/LabelContext'
|
|
||||||
import { useLanguage } from '@/lib/i18n'
|
import { useLanguage } from '@/lib/i18n'
|
||||||
import { NotebooksList } from './notebooks-list'
|
import { NotebooksList } from './notebooks-list'
|
||||||
|
|
||||||
export function Sidebar({ className, user }: { className?: string, user?: any }) {
|
export function Sidebar({ className, user }: { className?: string, user?: any }) {
|
||||||
const pathname = usePathname()
|
const pathname = usePathname()
|
||||||
const searchParams = useSearchParams()
|
const searchParams = useSearchParams()
|
||||||
const { labels } = useLabels()
|
|
||||||
const { t } = useLanguage()
|
const { t } = useLanguage()
|
||||||
|
|
||||||
// Helper to determine if a link is active
|
// Helper to determine if a link is active
|
||||||
@@ -106,15 +99,6 @@ export function Sidebar({ className, user }: { className?: string, user?: any })
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Footer / Copyright / Terms */}
|
|
||||||
<div className="mt-auto px-6 py-4 text-[10px] text-gray-400">
|
|
||||||
<div className="flex gap-2 mb-1">
|
|
||||||
<Link href="#" className="hover:underline">{t('footer.privacy')}</Link>
|
|
||||||
<span>•</span>
|
|
||||||
<Link href="#" className="hover:underline">{t('footer.terms')}</Link>
|
|
||||||
</div>
|
|
||||||
<p>{t('footer.openSource')}</p>
|
|
||||||
</div>
|
|
||||||
</aside>
|
</aside>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user