7 | CSV Text Modifier 8 |
9 |
6 |
11 | )
12 | }
13 |
--------------------------------------------------------------------------------
/src/components/ThemeProvider.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import * as React from 'react'
4 | import { ThemeProvider as NextThemesProvider } from 'next-themes'
5 | import { type ThemeProviderProps } from 'next-themes/dist/types'
6 |
7 | export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
8 | return 7 | Media Recorder 8 |
9 |{children}
15 | )
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/(non-dashboard)/(landing)/_components/hero/ZenWealth/Description.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | type DescriptionProps = {
4 | text: string[]
5 | }
6 |
7 | export function Description({ text }: DescriptionProps) {
8 | return (
9 | 14 |
6 |
10 |
11 | You won't get AI pushed
12 |
15 |
16 | )
17 | }
18 |
--------------------------------------------------------------------------------
/src/core/server/db/schema/finance/budget.ts:
--------------------------------------------------------------------------------
1 | import { pgTable, text, timestamp, uuid } from 'drizzle-orm/pg-core'
2 |
3 | export const budgets = pgTable('budgets', {
4 | id: uuid('id').defaultRandom().primaryKey(),
5 | userId: uuid('user_id').notNull(),
6 | title: text('title').notNull(),
7 | amount: text('amount').notNull(),
8 | month: text('month').notNull(),
9 | description: text('description'),
10 | createdAt: timestamp('created_at').defaultNow().notNull(),
11 | updatedAt: timestamp('updated_at').defaultNow().notNull()
12 | })
13 |
--------------------------------------------------------------------------------
/src/core/server/db/schema/finance/transactions.ts:
--------------------------------------------------------------------------------
1 | import { integer, pgTable, text, timestamp, uuid } from 'drizzle-orm/pg-core'
2 |
3 | export const transactions = pgTable('transactions', {
4 | id: uuid('id').defaultRandom().primaryKey(),
5 | userId: uuid('user_id').notNull(),
6 | description: text('description').notNull(),
7 | amount: integer('amount').notNull(),
8 | date: timestamp('date').notNull(),
9 | createdAt: timestamp('created_at').defaultNow().notNull(),
10 | updatedAt: timestamp('updated_at').defaultNow().notNull()
11 | })
12 |
--------------------------------------------------------------------------------
/src/components/effects/loaders/heartbeat-loader.tsx:
--------------------------------------------------------------------------------
1 | export default function HeartbeatLoader() {
2 | return (
3 |
7 |
9 | Application powered by
8 |
10 |
11 | You won't get AI pushed
12 |
down your throat here
13 |
14 |
15 |
4 |
17 | )
18 | }
19 |
--------------------------------------------------------------------------------
/src/core/stores/store.theme.ts:
--------------------------------------------------------------------------------
1 | import { create } from 'zustand'
2 | import { persist } from 'zustand/middleware'
3 |
4 | type Theme = 'default' | 'avocadoAlien' | 'rainbowCandy' | 'honeydewPunch'
5 |
6 | type ThemeStore = {
7 | currentTheme: Theme
8 | setTheme: (theme: Theme) => void
9 | }
10 |
11 | export const useThemeStore = create
5 |
15 |
16 | 10 | {title} 11 |
12 |{subtitle}
13 |
5 |
6 |
7 |
8 |
9 |
10 | )
11 |
12 | const SVGSkeleton = ({ className }: { className: string }) => (
13 |
14 | )
15 |
16 | export { Skeleton, SVGSkeleton }
17 |
--------------------------------------------------------------------------------
/src/core/server/actions/update-user-profile.ts:
--------------------------------------------------------------------------------
1 | import { db, users } from '@/core/server/db'
2 | import { eq } from 'drizzle-orm'
3 | import { z } from 'zod'
4 |
5 | const updateAccountSchema = z.object({
6 | email: z.string().email('Invalid email address')
7 | })
8 |
9 | export default async function updateAccount(
10 | data: z.infer9 |
13 |
18 | )
19 | }
20 |
--------------------------------------------------------------------------------
/src/core/server/actions/activity-log/fetch-activity.ts:
--------------------------------------------------------------------------------
1 | 'use server'
2 |
3 | import { getUserAuth } from '@/core/server/auth/utils'
4 |
5 | import { activityLogs, db } from 'db'
6 | import { desc, eq } from 'drizzle-orm'
7 |
8 | export async function getActivityLogs() {
9 | const { session } = await getUserAuth()
10 | if (!session) throw new Error('Unauthorized')
11 |
12 | const logs = await db
13 | .select()
14 | .from(activityLogs)
15 | .where(eq(activityLogs.userId, session.user.id))
16 | .orderBy(desc(activityLogs.timestamp))
17 | .limit(50)
18 |
19 | return logs
20 | }
21 |
--------------------------------------------------------------------------------
/src/core/config/menu-items/dashboard-navigation-menu-items.ts:
--------------------------------------------------------------------------------
1 | import { siteConfig } from '@/config/site-config'
2 | import { Github, HelpCircle } from 'lucide-react'
3 |
4 | export const links = [
5 | { href: '/features', label: 'Features' },
6 | { href: '/dashboard', label: 'Dashboard' },
7 | { href: '/dashboard/folders', label: 'Folders feature' }
8 | ]
9 |
10 | export const IconTooltips = [
11 | { href: '#', label: 'Help', icon: HelpCircle, isButton: true },
12 | {
13 | href: siteConfig.projects.main.url,
14 | label: 'GitHub',
15 | icon: Github,
16 | isButton: true
17 | }
18 | ]
19 |
--------------------------------------------------------------------------------
/src/core/scripts/fix-imports/optimize-iu-imports.mdx:
--------------------------------------------------------------------------------
1 | # UI Import Consolidator
2 |
3 | Replaces multiple '@/components/ui' imports:
4 |
5 | ```
6 | import { Button } from '@/components/ui/button'
7 | import { Card } from '@/components/ui/card'
8 | ```
9 |
10 | With a single import:
11 |
12 | ```
13 | import { Button, Card } from 'ui'
14 | ```
15 |
16 | Requires:
17 |
18 | - index.ts in ui folder exporting all components
19 | - 'ui' alias in tsconfig.json linking to the index.ts file in components/ui
20 | Run:
21 |
22 | ```
23 | python consolidate_imports.py --folder src/app/feature
24 | ```
25 |
--------------------------------------------------------------------------------
/src/components/ui/icon.tsx:
--------------------------------------------------------------------------------
1 | import { icons } from 'lucide-react'
2 |
3 | interface Props {
4 | name: keyof typeof icons
5 | color?: string
6 | size?: number
7 | strokeWidth?: number
8 | }
9 |
10 | export const Icon: React.FC14 | Task Management 15 |
16 |
23 |
25 | )
26 | }
27 |
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
1 | # Database Configuration
2 | DATABASE_URL=
3 |
4 | # GitHub Configuration
5 | GITHUB_ACCESS_TOKEN=
6 | NEXT_PUBLIC_GITHUB_USERNAME=
7 | NEXT_PUBLIC_GITHUB_REPOSITORY=
8 |
9 | # OpenRouteService API Key
10 | OPENROUTE_SERVICE_API_KEY=
11 |
12 | # IP Geolocation API Key
13 | IP_GEOLOCATION_API_KEY=
14 |
15 | # Admin Email Configuration
16 | ADMIN_EMAIL=
17 | ADMIN_EMAIL_TWO=
18 |
19 | # GitHub and Vercel Tokens for Changelog
20 | NEXT_PUBLIC_GITHUB_TOKEN=
21 | NEXT_PUBLIC_VERCEL_PROJECT_ID=
22 | NEXT_PUBLIC_VERCEL_TOKEN=
23 |
24 | # PostHog Analytics Configuration
25 | NEXT_PUBLIC_POSTHOG_KEY=
26 | NEXT_PUBLIC_POSTHOG_HOST=
27 |
--------------------------------------------------------------------------------
/src/styles/utillities/_utillities.scss:
--------------------------------------------------------------------------------
1 | .unset-all {
2 | all: unset;
3 | }
4 |
5 | .shadow-left,
6 | .shadow-right {
7 | position: absolute;
8 | top: 10%;
9 | bottom: 0;
10 | width: 45%;
11 | pointer-events: none;
12 | z-index: 1;
13 | }
14 |
15 | .shadow-left {
16 | left: 0;
17 | background: linear-gradient(to right, var(--base--background), transparent);
18 | }
19 |
20 | .shadow-right {
21 | right: 0;
22 | background: linear-gradient(to left, var(--base--background), transparent);
23 | }
24 |
25 | .footer-rainbow {
26 | transform: translate(-40px, -49px);
27 | }
28 |
29 | li:marker {
30 | display: none !important;
31 | }
32 |
--------------------------------------------------------------------------------
/src/core/constants/generate-uuid.ts:
--------------------------------------------------------------------------------
1 | import { randomBytes } from 'crypto'
2 |
3 | export function generateUUID(): string {
4 | const bytes = randomBytes(16)
5 | const hex = bytes.toString('hex')
6 | return [
7 | hex.substring(0, 8),
8 | hex.substring(8, 12),
9 | hex.substring(12, 16),
10 | hex.substring(16, 20),
11 | hex.substring(20, 32)
12 | ].join('-')
13 | }
14 |
15 | // await db.insert(activityLogs).values({
16 | // id: generateUUID(), // Use generateUUID to create a unique ID
17 | // userId: userId ?? session.user.id,
18 | // action: result.data.action,
19 | // details: result.data.details
20 | // })
21 | // }
22 |
--------------------------------------------------------------------------------
/src/components/elements/display-code/code-highlight/types.code-highlight.ts:
--------------------------------------------------------------------------------
1 | import { ReactNode } from 'react'
2 |
3 | export type CodeContentProps = {
4 | children: ReactNode
5 | language?:
6 | | 'language'
7 | | 'jsx'
8 | | 'tsx'
9 | | 'javascript'
10 | | 'typescript'
11 | | 'json'
12 | | 'bash'
13 | | 'shell'
14 | | 'python'
15 | | 'java'
16 | | 'csharp'
17 | | 'cpp'
18 | | 'css'
19 | | 'scss'
20 | | 'sass'
21 | }
22 |
23 | export type CodeHighlightProps = {
24 | title: string
25 | fileIcon?: string
26 | avatarSrc?: string
27 | language?: string
28 | children?: React.ReactNode
29 | disableMinWidth?: boolean
30 | }
31 |
--------------------------------------------------------------------------------
/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import ThemeWrapper from '@/components/base/ThemeWrapper'
2 | import { metadata as rootMetadata } from '@/core/config/metadata/metadata.root-layout'
3 | import { Metadata } from 'next'
4 | import '../styles/app.scss'
5 |
6 | export const metadata: Metadata = rootMetadata
7 |
8 | export default function RootLayout({
9 | children
10 | }: {
11 | children: React.ReactNode
12 | }) {
13 | return (
14 |
20 |
21 |
5 |
21 | )
22 | }
23 |
--------------------------------------------------------------------------------
/src/components/effects/blur-in.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { motion } from 'framer-motion'
4 |
5 | import { cn } from 'cn'
6 |
7 | interface BlurIntProps {
8 | word: React.ReactNode
9 | className?: string
10 | variant?: {
11 | hidden: { filter: string; opacity: number }
12 | visible: { filter: string; opacity: number }
13 | }
14 | duration?: number
15 | }
16 | const BlurIn = ({ word, className, variant, duration = 1 }: BlurIntProps) => {
17 | const defaultVariants = {
18 | hidden: { filter: 'blur(10px)', opacity: 0.4 },
19 | visible: { filter: 'blur(0px)', opacity: 1 }
20 | }
21 | const combinedVariants = variant || defaultVariants
22 |
23 | return (
24 |
7 |
11 |
12 |
17 |
18 |
20 |
27 |
34 | )
35 | }
36 |
--------------------------------------------------------------------------------
/src/core/hooks/use-mouse-hover.ts:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { useEffect, useRef } from 'react'
4 |
5 | export default function useMouseHoverEffect() {
6 | const elementRef = useRef
28 |
33 | Your banner message here
29 | 32 |
14 |
32 | )
33 | }
34 |
--------------------------------------------------------------------------------
/src/core/config/metadata/dashboard.metadata.ts:
--------------------------------------------------------------------------------
1 | import type { Metadata } from 'next'
2 | import { metadata as rootMetadata } from './metadata.root-layout'
3 |
4 | const dashboardName = 'NoteVault Dashboard'
5 | const dashboardDescription =
6 | 'Manage your notes and account in the NoteVault dashboard'
7 |
8 | export const dashboardMetadata: Metadata = {
9 | ...rootMetadata,
10 | title: {
11 | default: dashboardName,
12 | template: `%s | ${dashboardName}`
13 | },
14 | description: dashboardDescription,
15 | openGraph: {
16 | ...rootMetadata.openGraph,
17 | title: dashboardName,
18 | description: dashboardDescription,
19 | images: [
20 | {
21 | url: `${rootMetadata.metadataBase}/dashboard-og-image.png`,
22 | width: 1200,
23 | height: 630,
24 | alt: 'NoteVault Dashboard'
25 | }
26 | ]
27 | },
28 | twitter: {
29 | ...rootMetadata.twitter,
30 | title: dashboardName,
31 | description: dashboardDescription,
32 | images: [`${rootMetadata.metadataBase}/dashboard-twitter-image.png`]
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/core/server/actions/activities/create-activity.ts:
--------------------------------------------------------------------------------
1 | 'use server'
2 |
3 | import { createActivitySchema } from '@/core/models/activities'
4 | import { db } from 'db'
5 | import { activities } from '@/core/server/db/schema'
6 | import { revalidatePath } from 'next/cache'
7 |
8 | export async function createActivity(formData: FormData) {
9 | const validatedFields = createActivitySchema.safeParse({
10 | name: formData.get('name'),
11 | duration: Number(formData.get('duration')),
12 | icon: formData.get('icon'),
13 | color: formData.get('color')
14 | })
15 |
16 | if (!validatedFields.success) {
17 | return { error: validatedFields.error.flatten().fieldErrors }
18 | }
19 |
20 | const { name, duration, icon, color } = validatedFields.data
21 |
22 | try {
23 | await db.insert(activities).values({
24 | name,
25 | duration,
26 | icon,
27 | color
28 | })
29 | } catch (error) {
30 | return { error: 'Failed to create activity' }
31 | }
32 |
33 | revalidatePath('/dashboard')
34 | return { success: true }
35 | }
36 |
--------------------------------------------------------------------------------
/src/components/ui/textarea.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react'
2 |
3 | import { cn } from 'cn'
4 | ;('')
5 | export interface TextareaProps
6 | extends React.TextareaHTMLAttributes
15 |
27 |
28 | {isCreateFormOpen && 16 | Activities 17 |
18 | 26 |
8 |
35 | )
36 | }
37 |
--------------------------------------------------------------------------------
/src/core/server/actions/finance/budget.ts:
--------------------------------------------------------------------------------
1 | 'use server'
2 |
3 | import { getUserAuth } from '@/core/server/auth/utils'
4 | import { budgets } from '@/core/server/db/schema'
5 |
6 | import { db } from 'db'
7 | import { revalidatePath } from 'next/cache'
8 |
9 | export async function createMonthlyBudget(
10 | title: string,
11 | amount: string,
12 | month: string,
13 | description?: string
14 | ) {
15 | const { session } = await getUserAuth()
16 | if (!session) {
17 | throw new Error('You must be logged in to create a budget')
18 | }
19 |
20 | await db.insert(budgets).values({
21 | userId: session.user.id,
22 | title,
23 | amount,
24 | month,
25 | description
26 | })
27 |
28 | revalidatePath('/dashboard')
29 | }
30 |
31 | export async function getUserMonthlyBudgets() {
32 | const { session } = await getUserAuth()
33 | if (!session) {
34 | return []
35 | }
36 |
37 | return db.query.budgets.findMany({
38 | where: (budgets, { eq }) => eq(budgets.userId, session.user.id),
39 | orderBy: (budgets, { desc }) => [desc(budgets.month)]
40 | })
41 | }
42 |
--------------------------------------------------------------------------------
/src/core/server/actions/finance/transactions.ts:
--------------------------------------------------------------------------------
1 | 'use server'
2 |
3 | import { getUserAuth } from '@/core/server/auth/utils'
4 |
5 | import { db, transactions } from 'db'
6 | import { revalidatePath } from 'next/cache'
7 |
8 | export async function createTransaction(
9 | description: string,
10 | amount: number,
11 | date: string
12 | ) {
13 | const { session } = await getUserAuth()
14 | if (!session) {
15 | throw new Error('You must be logged in to create a transaction')
16 | }
17 |
18 | await db.insert(transactions).values({
19 | userId: session.user.id,
20 | description,
21 | amount,
22 | date: new Date(date)
23 | })
24 |
25 | revalidatePath('/dashboard')
26 | }
27 |
28 | export async function getRecentTransactions() {
29 | const { session } = await getUserAuth()
30 | if (!session) {
31 | return []
32 | }
33 |
34 | return db.query.transactions.findMany({
35 | where: (transactions, { eq }) =>
36 | eq(transactions.userId, session.user.id),
37 | orderBy: (transactions, { desc }) => [desc(transactions.date)],
38 | limit: 10
39 | })
40 | }
41 |
--------------------------------------------------------------------------------
/src/core/server/db/index.ts:
--------------------------------------------------------------------------------
1 | import { env } from '@/lib/env.mjs'
2 | import { neon, NeonQueryFunction, Pool } from '@neondatabase/serverless'
3 | import { drizzle } from 'drizzle-orm/neon-http'
4 |
5 | // Import all schemas and relations
6 | import * as activity from './schema/activity'
7 | import * as auth from './schema/auth'
8 | import * as folders from './schema/folders'
9 | import * as notes from './schema/notes'
10 | const schema = {
11 | ...auth,
12 | ...folders,
13 | ...notes,
14 | ...activity
15 | }
16 |
17 | let sql: NeonQueryFunction
9 |
34 |
18 | {featureBadges.map((badge, index) => (
19 |
30 | )
31 | }
32 |
33 | export default FeatureBadges
34 |
--------------------------------------------------------------------------------
/src/app/(non-dashboard)/(landing)/_components/navigation/_components/sign-in-button.tsx:
--------------------------------------------------------------------------------
1 | import Link from 'next/link'
2 |
3 | type SecondaryButtonProps = {
4 | href: string
5 | children: React.ReactNode
6 | className?: string
7 | }
8 |
9 | const SecondaryButton: React.FC
23 |
28 | ))}
29 |
24 | {badge.icon}
25 |
26 | {badge.text}
27 |
20 | {children}
21 |
22 |
23 | )
24 | }
25 |
26 | export default SecondaryButton
27 |
--------------------------------------------------------------------------------
/src/app/(non-dashboard)/(landing)/_components/hero/ZenWealth/ZenWealth.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { easeInOut, motion } from 'framer-motion'
4 | import HeroBadge from '../../navigation/_components/hero-badge'
5 | import { Description } from './Description'
6 | import { Header } from './Header'
7 |
8 | type ZenWealthProps = {
9 | title: string
10 | subtitle: string
11 | description: string[]
12 | }
13 |
14 | export function ZenWealth({ title, subtitle, description }: ZenWealthProps) {
15 | return (
16 |
14 |
20 |
32 | )}
33 |
37 | )
38 | }
39 |
--------------------------------------------------------------------------------
/src/components/dashboard/features/activity/activity-list.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | type Activity = {
4 | id: string
5 | type: string
6 | description: string
7 | createdAt: string
8 | }
9 |
10 | interface ActivityListProps {
11 | activities: Activity[]
12 | onDelete: (id: string) => void
13 | }
14 |
15 | export const ActivityList: React.FC
15 |
18 | {actionButtons.length > 0 && (
19 | {title}
16 |{description}
17 |
21 | {actionButtons.map((button, index) => (
22 |
29 | ))}
30 |
31 |
34 | {children}
35 |
36 | -
21 | {activities.map(activity => (
22 |
-
23 | 24 |38 |25 |31 | 37 |
{activity.type}
26 |{activity.description}
27 | 28 | {new Date(activity.createdAt).toLocaleString()} 29 | 30 |
39 | ))}
40 |
14 | {icon &&
25 | )
26 | }
27 | )
28 | Input.displayName = 'Input'
29 |
30 | export { Input }
31 |
--------------------------------------------------------------------------------
/src/components/ui/slider.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import * as SliderPrimitive from '@radix-ui/react-slider'
4 | import * as React from 'react'
5 |
6 | import { cn } from 'cn'
7 | ;('')
8 | const Slider = React.forwardRef<
9 | React.ElementRef{icon}
}
15 |
24 |
17 |
37 | )
38 | }
39 |
--------------------------------------------------------------------------------
/src/components/ui/marquee.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from 'cn'
2 |
3 | interface MarqueeProps {
4 | className?: string
5 | reverse?: boolean
6 | pauseOnHover?: boolean
7 | children?: React.ReactNode
8 | vertical?: boolean
9 | repeat?: number
10 | [key: string]: any
11 | }
12 |
13 | export default function Marquee({
14 | className,
15 | reverse,
16 | pauseOnHover = false,
17 | children,
18 | vertical = false,
19 | repeat = 4,
20 | ...props
21 | }: MarqueeProps) {
22 | return (
23 |
23 |
36 |
24 |
28 |
25 |
27 |
29 |
30 |
31 |
34 |
34 | {Array(repeat)
35 | .fill(0)
36 | .map((_, i) => (
37 |
51 | )
52 | }
53 |
--------------------------------------------------------------------------------
/src/components/ui/switch.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import * as SwitchPrimitives from '@radix-ui/react-switch'
4 | import * as React from 'react'
5 |
6 | import { cn } from 'cn'
7 |
8 | const Switch = React.forwardRef<
9 | React.ElementRef
47 | {children}
48 |
49 | ))}
50 |
26 |
28 |
29 | )
30 | }
31 |
32 | function LogoTitle({
33 | children,
34 | className
35 | }: {
36 | children: React.ReactNode
37 | className?: string
38 | }) {
39 | return (
40 | 41 | {children} 42 |
43 | ) 44 | } 45 | -------------------------------------------------------------------------------- /src/core/server/actions/user/action.sign-out.ts: -------------------------------------------------------------------------------- 1 | 'use server' 2 | 3 | import { logActivity } from 'actions' 4 | import { redirect } from 'next/navigation' 5 | import { validateRequest, lucia } from '../../auth/lucia' 6 | import { setAuthCookie } from '../../auth/utils' 7 | 8 | export async function signOutAction(formData: FormData) { 9 | console.log('signOutAction called') 10 | const { session } = await validateRequest() 11 | if (!session) { 12 | console.log('No session found, redirecting to sign-in') 13 | return redirect('/sign-in?error=Unauthorized') 14 | } 15 | 16 | console.log('Invalidating session:', session.id) 17 | await lucia.invalidateSession(session.id) 18 | 19 | await logActivity(session.userId, 'Sign Out', 'User signed out', { 20 | timestamp: new Date().toISOString(), 21 | device: formData.get('device') as string, 22 | location: formData.get('location') as string, 23 | timezone: formData.get('timezone') as string, 24 | lastPage: formData.get('lastPage') as string, 25 | os: formData.get('os') as string 26 | }) 27 | 28 | const sessionCookie = lucia.createBlankSessionCookie() 29 | setAuthCookie(sessionCookie) 30 | console.log('Redirecting to sign-in page') 31 | return redirect('/sign-in?success=Signed out successfully') 32 | } 33 | -------------------------------------------------------------------------------- /src/components/ui/badge.tsx: -------------------------------------------------------------------------------- 1 | import { cva, type VariantProps } from 'class-variance-authority' 2 | import * as React from 'react' 3 | 4 | import { cn } from 'cn' 5 | 6 | const badgeVariants = cva( 7 | 'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', 8 | { 9 | variants: { 10 | variant: { 11 | default: 12 | 'border-transparent bg-foreground text-neutral-100 hover:bg-foreground/80', 13 | secondary: 14 | 'border-transparent bg-neutral-200 text-secondary-foreground hover:bg-neutral-200/80', 15 | destructive: 16 | 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80', 17 | outline: 'text-foreground' 18 | } 19 | }, 20 | defaultVariants: { 21 | variant: 'default' 22 | } 23 | } 24 | ) 25 | 26 | export interface BadgeProps 27 | extends React.HTMLAttributes{children}
44 | }
45 |
--------------------------------------------------------------------------------
/src/components/ui/tooltip.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import * as TooltipPrimitive from '@radix-ui/react-tooltip'
4 | import * as React from 'react'
5 |
6 | import { cn } from 'cn'
7 | ;('')
8 | const TooltipProvider = TooltipPrimitive.Provider
9 |
10 | const Tooltip = TooltipPrimitive.Root
11 |
12 | const TooltipTrigger = TooltipPrimitive.Trigger
13 |
14 | const TooltipContent = React.forwardRef<
15 | React.ElementRef
27 | {[0, 1, 2].map(dot => (
28 |
39 | ))}
40 |
53 |
54 | )
55 | }
56 |
--------------------------------------------------------------------------------
/src/components/aside/skeleton.sidebbar.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | type SidebarSkeletonLoaderProps = {
4 | width?: string
5 | height?: string
6 | }
7 |
8 | export default function SidebarSkeletonLoader({
9 | width = '250px',
10 | height = '100vh'
11 | }: SidebarSkeletonLoaderProps) {
12 | return (
13 |
22 |
26 |
30 |
34 |
38 |
42 |
46 |
50 |
51 | )
52 | }
53 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "lib": ["dom", "dom.iterable", "esnext"],
4 | "allowJs": true,
5 | "skipLibCheck": true,
6 | "strict": true,
7 | "noEmit": true,
8 | "strictNullChecks": false,
9 | "esModuleInterop": true,
10 | "module": "esnext",
11 | "moduleResolution": "node",
12 | "resolveJsonModule": true,
13 | "isolatedModules": true,
14 | "jsx": "preserve",
15 | "incremental": true,
16 | "plugins": [
17 | {
18 | "name": "next"
19 | }
20 | ],
21 | "paths": {
22 | "@/*": ["./src/*"],
23 | "models": ["./src/core/models/index.ts"],
24 | "toast": ["./src/core/stores/store.toasts.ts"],
25 | "cn": ["src/core/constants/cn-tw.ts"],
26 | "locales": ["./src/core/config/locales/locales.ts"],
27 | "db": ["./src/core/server/db/index.ts"],
28 | "hooks": ["./src/core/hooks/index.ts"],
29 | "schema": ["./src/core/server/schema/index.ts"],
30 | "actions": ["./src/core/server/actions/index.ts"],
31 | "ui": ["./src/components/ui/index.ts"],
32 | "stores": ["./src/core/stores/index.ts"],
33 | "atoms": ["./src/components/atoms/index.ts"]
34 | },
35 | "target": "esnext",
36 | "baseUrl": "./"
37 | },
38 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
39 | "exclude": ["node_modules"]
40 | }
41 |
--------------------------------------------------------------------------------
/src/components/elements/display-code/code-highlight/FileHeader.tsx:
--------------------------------------------------------------------------------
1 | type FileHeaderProps = {
2 | title?: string
3 | onCopy: () => void
4 | disableMinWidth: boolean
5 | allowCollapse: boolean
6 | isCollapsed: boolean
7 | onToggleCollapse: () => void
8 | showModal: boolean
9 | modalTrigger: React.ReactNode
10 | }
11 |
12 | const FileHeader: React.FC
24 |
45 | )
46 | }
47 |
48 | export default FileHeader
49 |
--------------------------------------------------------------------------------
/src/components/ui/hover-card.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import * as HoverCardPrimitive from '@radix-ui/react-hover-card'
4 | import * as React from 'react'
5 |
6 | import { cn } from 'cn'
7 |
8 | const HoverCard = HoverCardPrimitive.Root
9 |
10 | const HoverCardTrigger = HoverCardPrimitive.Trigger
11 |
12 | const HoverCardContent = React.forwardRef<
13 | React.ElementRef
25 | {title}
26 | {showModal && modalTrigger}
27 |
28 |
29 |
35 | {allowCollapse && (
36 |
42 | )}
43 |
44 |
35 | {Array(repeat)
36 | .fill(0)
37 | .map((_, i) => (
38 |
55 | )
56 | }
57 |
--------------------------------------------------------------------------------
/src/components/ui/popover.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import * as PopoverPrimitive from '@radix-ui/react-popover'
4 | import * as React from 'react'
5 |
6 | import { cn } from 'cn'
7 | ;('')
8 | const Popover = PopoverPrimitive.Root
9 |
10 | const PopoverTrigger = PopoverPrimitive.Trigger
11 |
12 | const PopoverContent = React.forwardRef<
13 | React.ElementRef
51 | {children}
52 |
53 | ))}
54 |
28 |
44 |
48 |
49 | )
50 | }
51 |
--------------------------------------------------------------------------------
/src/components/elements/crud/add-note-modal.tsx:
--------------------------------------------------------------------------------
1 | import RichTextEditor from '@/components/rich-text-editor'
2 | import { useState } from 'react'
3 | import {
4 | Button,
5 | Dialog,
6 | DialogContent,
7 | DialogHeader,
8 | DialogTitle,
9 | Input
10 | } from 'ui'
11 |
12 | type NewNoteModalProps = {
13 | isOpen: boolean
14 | onClose: () => void
15 | onCreateNote: (title: string, content: string) => void
16 | }
17 |
18 | export default function NewNoteModal({
19 | isOpen,
20 | onClose,
21 | onCreateNote
22 | }: NewNoteModalProps) {
23 | const [newNoteTitle, setNewNoteTitle] = useState('')
24 | const [newNoteContent, setNewNoteContent] = useState('')
25 |
26 | const handleCreateNote = () => {
27 | onCreateNote(newNoteTitle, newNoteContent)
28 | setNewNoteTitle('')
29 | setNewNoteContent('')
30 | }
31 |
32 | return (
33 |
50 | )
51 | }
52 |
--------------------------------------------------------------------------------
/src/app/(non-dashboard)/(landing)/styles/modules/lights.module.scss:
--------------------------------------------------------------------------------
1 | .home-lights {
2 | z-index: 98;
3 | pointer-events: none;
4 | justify-content: center;
5 | align-items: flex-start;
6 | display: flex;
7 | position: absolute;
8 | top: 0%;
9 | bottom: auto;
10 | left: 0%;
11 | right: 0%;
12 | }
13 |
14 | .light-left {
15 | width: 80vw;
16 | max-width: 1440px;
17 | position: absolute;
18 | top: 0%;
19 | bottom: auto;
20 | left: 0%;
21 | right: auto;
22 | animation: glowRighte 8s infinite alternate ease-in-out;
23 | }
24 |
25 | .light-right {
26 | width: 80vw;
27 | max-width: 1440px;
28 | position: absolute;
29 | top: 0%;
30 | bottom: auto;
31 | left: auto;
32 | right: 0%;
33 | animation: glowRight 10s infinite alternate ease-in-out;
34 | }
35 |
36 | .light-wrap {
37 | width: 100%;
38 | min-width: 1440px;
39 | position: relative;
40 | }
41 |
42 | @keyframes glowLeft {
43 | 0% {
44 | transform: scale(0.95);
45 | opacity: 0.9;
46 | }
47 |
48 | 50% {
49 | transform: scale(1.03);
50 | opacity: 1;
51 | }
52 |
53 | 100% {
54 | transform: scale(0.98);
55 | opacity: 0.95;
56 | }
57 | }
58 |
59 | @keyframes glowRight {
60 | 0% {
61 | transform: scale(0.17);
62 | opacity: 0.63;
63 | }
64 |
65 | 60% {
66 | transform: scale(0.4);
67 | opacity: 0.73;
68 | }
69 |
70 | 100% {
71 | transform: scale(0.77);
72 | opacity: 0.83;
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/src/app/dashboard/client-wrapper.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import MainSidebar from '@/components/aside/sidebar'
4 | import SidebarSkeletonLoader from '@/components/aside/skeleton.sidebbar'
5 | import SubSidebarShell from '@/components/aside/sub-sidebar-shell'
6 | import MainContentWrapper from '@/components/base/layout/main-content-wrapper'
7 | import Navigation from '@/components/dashboard/layout/top-bar/top-bar'
8 | import { useMainSidebarStore, useSubSidebarStore } from '@/core/stores'
9 | import { ReactNode, Suspense } from 'react'
10 |
11 | type ClientWrapperProps = {
12 | children: ReactNode
13 | }
14 |
15 | export default function ClientWrapper({ children }: ClientWrapperProps) {
16 | const {
17 | isCollapsed: isMainSidebarCollapsed,
18 | toggleCollapse: toggleMainSidebar
19 | } = useMainSidebarStore()
20 | const { isOpen: isSubSidebarOpen, toggle: toggleSubSidebar } =
21 | useSubSidebarStore()
22 |
23 | return (
24 | <>
25 |
29 |
43 | 30 | {title} 31 |
32 | 42 |
45 | {children}
46 |
47 |
25 |
44 |
26 | Income:
27 |
28 | €{summary.income}
29 |
30 |
31 |
32 | Expenses:
33 |
34 | €{summary.expenses}
35 |
36 |
37 |
38 | Savings:
39 |
40 | €{summary.savings}
41 |
42 |
43 |
38 |
49 | )
50 | }
51 |
--------------------------------------------------------------------------------
/src/app/sitemap.ts:
--------------------------------------------------------------------------------
1 | import { MetadataRoute } from 'next'
2 |
3 | export default function sitemap(): MetadataRoute.Sitemap {
4 | return [
5 | {
6 | url: 'https://notevault.remcostoeten.com',
7 | lastModified: new Date(),
8 | changeFrequency: 'weekly',
9 | priority: 1
10 | },
11 | {
12 | url: 'https://notevault.remcostoeten.com/sign-up',
13 | lastModified: new Date(),
14 | changeFrequency: 'yearly',
15 | priority: 0.8
16 | },
17 | {
18 | url: 'https://notevault.remcostoeten.com/changelog',
19 | lastModified: new Date(),
20 | changeFrequency: 'daily',
21 | priority: 0.9
22 | },
23 | {
24 | url: 'https://notevault.remcostoeten.com/sign-in',
25 | lastModified: new Date(),
26 | changeFrequency: 'yearly',
27 | priority: 0.8
28 | },
29 |
30 | {
31 | url: 'https://notevault.remcostoeten.com/docs/todo',
32 | lastModified: new Date(),
33 | changeFrequency: 'monthly',
34 | priority: 0.6
35 | },
36 | {
37 | url: 'https://notevault.remcostoeten.com/design-system/notice',
38 | lastModified: new Date(),
39 | changeFrequency: 'monthly',
40 | priority: 0.6
41 | },
42 | {
43 | url: 'https://notevault.remcostoeten.com/hooks-showcase/geolocation',
44 | lastModified: new Date(),
45 | changeFrequency: 'monthly',
46 | priority: 0.6
47 | },
48 | {
49 | url: 'https://notevault.remcostoeten.com/docs/todo',
50 | lastModified: new Date(),
51 | changeFrequency: 'monthly',
52 | priority: 0.6
53 | }
54 | ]
55 | }
56 |
--------------------------------------------------------------------------------
/src/core/server/auth/client-auth-utils.ts:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { useRouter } from 'next/navigation'
4 |
5 | export type ClientAuthSession = {
6 | user: {
7 | id: string
8 | name?: string
9 | email?: string
10 | username?: string
11 | } | null
12 | }
13 |
14 | export const useClientAuth = () => {
15 | const router = useRouter()
16 |
17 | const getClientSession = async (): Promise39 | ID and Username Extractor 40 |
41 |
18 | 
24 |
26 | )
27 | }
28 |
29 | export default function MarqueeDemo({
30 | reverse = false
31 | }: {
32 | reverse?: boolean
33 | }) {
34 | return (
35 | {text}
25 |
36 |
50 | )
51 | }
52 |
--------------------------------------------------------------------------------
/src/components/ui/radio-group.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import * as RadioGroupPrimitive from '@radix-ui/react-radio-group'
4 | import { Circle } from 'lucide-react'
5 | import * as React from 'react'
6 |
7 | import { cn } from 'cn'
8 | ;('')
9 | const RadioGroup = React.forwardRef<
10 | React.ElementRef
37 |
38 | {' '}
39 |
48 |
49 |
24 | {Array.from({ length: numCircles }, (_, i) => {
25 | const size = mainCircleSize + i * 70
26 | const opacity = mainCircleOpacity - i * 0.03
27 | const animationDelay = `${i * 0.06}s`
28 | const borderStyle = i === numCircles - 1 ? 'dashed' : 'solid'
29 | const borderOpacity = 5 + i * 5
30 |
31 | return (
32 |
50 | )
51 | })}
52 |
53 | )
54 | })
55 |
56 | Ripple.displayName = 'Ripple'
57 |
58 | export default Ripple
59 |
--------------------------------------------------------------------------------
/src/components/_development-utils/auth-status-indicator.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import {
4 | ClientAuthSession,
5 | useClientAuth
6 | } from '@/core/server/auth/client-auth-utils'
7 | import { Frown, Smile } from 'lucide-react'
8 | import { useEffect, useState } from 'react'
9 | import { Tooltip, TooltipContent, TooltipTrigger } from 'ui'
10 |
11 | export default function AuthStatusIndicator() {
12 | const [session, setSession] = useState
31 |
32 |
33 | {session ? (
34 |
39 |
40 |
42 |
43 |
44 | )
45 | }
46 |
--------------------------------------------------------------------------------
/src/components/auth/sign-out-button.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { signOutAction } from '@/core/server/actions/user/action.sign-out'
4 | import { LogOut } from 'lucide-react'
5 | import { useRouter } from 'next/navigation'
6 | import { useState } from 'react'
7 | import { toast } from 'sonner'
8 | import { Button } from 'ui'
9 |
10 | export default function SignOutBtn() {
11 | const router = useRouter()
12 | const [isSigningOut, setIsSigningOut] = useState(false)
13 |
14 | const handleSignOut = async () => {
15 | setIsSigningOut(true)
16 | try {
17 | const formData = new FormData()
18 | formData.append('device', navigator.userAgent)
19 | formData.append('location', window.location.href)
20 | formData.append(
21 | 'timezone',
22 | Intl.DateTimeFormat().resolvedOptions().timeZone
23 | )
24 | formData.append('lastPage', window.location.pathname)
25 | formData.append('os', navigator.platform)
26 | toast('Signing out...')
27 | try {
28 | await signOutAction(formData)
29 | router.push('/sign-in')
30 | router.refresh()
31 | toast.success('Signed out successfully')
32 | } catch (error) {
33 | toast.error('Sign out failed')
34 | console.error('Sign out failed:', error)
35 | }
36 | } catch (error) {
37 | console.error('Sign out failed:', error)
38 | } finally {
39 | setIsSigningOut(false)
40 | }
41 | }
42 |
43 | return (
44 |
54 | )
55 | }
56 |
--------------------------------------------------------------------------------
/src/components/dashboard/onboarding-trigger.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import OnboardingForm from '@/components/auth/onboarding'
4 | import { Button } from '@/components/ui'
5 | import { fadeInUp } from '@/core/constants/animations'
6 | import { AnimatePresence, motion } from 'framer-motion'
7 | import { useState } from 'react'
8 |
9 | type OnboardingTriggerProps = {
10 | userId: string
11 | hasCompletedOnboarding: boolean
12 | }
13 |
14 | export default function OnboardingTrigger({
15 | userId,
16 | hasCompletedOnboarding
17 | }: OnboardingTriggerProps) {
18 | const [showOnboarding, setShowOnboarding] = useState(false)
19 |
20 | const handleComplete = () => {
21 | setShowOnboarding(false)
22 | // You might want to refresh the page or update the UI to reflect the completed onboarding
23 | }
24 |
25 | if (hasCompletedOnboarding) {
26 | return null
27 | }
28 |
29 | return (
30 | {session ? 'Authenticated' : 'Not Authenticated'}
41 |
18 |
19 |
20 |
25 | )
26 | }
27 |
28 | export default function MarqueeItems() {
29 | return (
30 |
31 |
50 | )
51 | }
52 |
--------------------------------------------------------------------------------
/src/core/server/db/schema/folders.ts:
--------------------------------------------------------------------------------
1 | import {
2 | boolean,
3 | jsonb,
4 | pgTable,
5 | text,
6 | timestamp,
7 | uuid
8 | } from 'drizzle-orm/pg-core'
9 | import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
10 | import { z } from 'zod'
11 |
12 | export const folders = pgTable('folders', {
13 | id: uuid('id').defaultRandom().primaryKey(),
14 | name: text('name').notNull(),
15 | color: text('color').default('#000000').notNull(),
16 | createdAt: timestamp('created_at').defaultNow().notNull(),
17 | updatedAt: timestamp('updated_at').defaultNow().notNull(),
18 | userId: uuid('user_id').notNull()
19 | })
20 |
21 | export const notes = pgTable('notes', {
22 | id: uuid('id').defaultRandom().primaryKey(),
23 | title: text('title').notNull(),
24 | content: text('content').notNull(),
25 | folderId: uuid('folder_id')
26 | .references(() => folders.id)
27 | .notNull(),
28 | isPinned: boolean('is_pinned').default(false).notNull(),
29 | tags: jsonb('tags').default([]).notNull(),
30 | createdAt: timestamp('created_at').defaultNow().notNull(),
31 | updatedAt: timestamp('updated_at').defaultNow().notNull(),
32 | userId: uuid('user_id').notNull()
33 | })
34 |
35 | export const insertFolderSchema = createInsertSchema(folders).omit({
36 | id: true,
37 | createdAt: true,
38 | updatedAt: true
39 | })
40 | export const selectFolderSchema = createSelectSchema(folders)
41 |
42 | export const insertNoteSchema = createInsertSchema(notes).omit({
43 | id: true,
44 | createdAt: true,
45 | updatedAt: true
46 | })
47 | export const selectNoteSchema = createSelectSchema(notes)
48 |
49 | export type Folder = z.infer
33 |
39 |
41 |
49 |
42 |
43 |
44 |
47 |
33 |
34 | {words.map((word, i) => {
35 | const shouldBreak =
36 | breakAfter &&
37 | words
38 | .slice(0, i + 1)
39 | .join(' ')
40 | .endsWith(breakAfter)
41 | return (
42 |
43 |
57 | {word}
58 |
59 | {shouldBreak &&
} 60 |
61 | )
62 | })}
63 |
64 |
65 | )
66 | }
67 |
--------------------------------------------------------------------------------
/src/app/(non-dashboard)/(landing)/_components/powered-by/carousel-brands.ts:
--------------------------------------------------------------------------------
1 | export const carouselbrands = [
2 | {
3 | iconSrc:
4 | 'https://cdn.prod.website-files.com/65b8e9cb3c15d9b62f057c9a/65bdfd507261f4d64d555c90_Apple%20Icon.webp',
5 | text: 'Apple'
6 | },
7 | {
8 | iconSrc:
9 | 'https://cdn.prod.website-files.com/65b8e9cb3c15d9b62f057c9a/65bdfd50800bda510d0058d4_Slack%20Icon.webp',
10 | text: 'Slack'
11 | },
12 | {
13 | iconSrc:
14 | 'https://cdn.prod.website-files.com/65b8e9cb3c15d9b62f057c9a/65bdfd5094b722f62744d5f9_Discord%20Icon.webp',
15 | text: 'Discord'
16 | },
17 | {
18 | iconSrc:
19 | 'https://cdn.prod.website-files.com/65b8e9cb3c15d9b62f057c9a/65bdfd5089af154f1bcc3356_Klarna%20Icon.webp',
20 | text: 'Klarna'
21 | },
22 | {
23 | iconSrc:
24 | 'https://cdn.prod.website-files.com/65b8e9cb3c15d9b62f057c9a/65bdfd5035c3344bd742b7c2_Amazon%20Icon.webp',
25 | text: 'Amazon'
26 | },
27 | {
28 | iconSrc:
29 | 'https://cdn.prod.website-files.com/65b8e9cb3c15d9b62f057c9a/65bdfd5089af154f1bcc3364_Meta%20Icon.webp',
30 | text: 'Meta'
31 | },
32 | {
33 | iconSrc:
34 | 'https://cdn.prod.website-files.com/65b8e9cb3c15d9b62f057c9a/65bdfd5189af154f1bcc3420_Yelp%20Icon.webp',
35 | text: 'Yelp'
36 | },
37 | {
38 | iconSrc:
39 | 'https://cdn.prod.website-files.com/65b8e9cb3c15d9b62f057c9a/65bdfd51800bda510d005915_Xing%20Icon.webp',
40 | text: 'Xing'
41 | },
42 | {
43 | iconSrc:
44 | 'https://cdn.prod.website-files.com/65b8e9cb3c15d9b62f057c9a/65bdfd50fca0ab56c8130f39_Twitch%20Icon.webp',
45 | text: 'Twitch'
46 | },
47 | {
48 | iconSrc:
49 | 'https://cdn.prod.website-files.com/65b8e9cb3c15d9b62f057c9a/65bdfd5096bc5b82059cbe01_Android%20Icon.webp',
50 | text: 'Android'
51 | }
52 | ]
53 |
--------------------------------------------------------------------------------
/src/components/dashboard/no-data-state.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const NoDataComponent: React.FC = () => {
4 | return (
5 | } 60 |
6 |
51 | )
52 | }
53 |
54 | export default NoDataComponent
55 |
--------------------------------------------------------------------------------
/src/app/(non-dashboard)/(landing)/_components/logo-section/logos.module.scss:
--------------------------------------------------------------------------------
1 | // TrustedCompanies.module.scss
2 | .containerLinesRegular {
3 | z-index: 1;
4 | width: 100%;
5 | max-width: 1128px;
6 | margin-left: auto;
7 | margin-right: auto;
8 | padding: 72px 48px;
9 | position: relative;
10 | }
11 |
12 | .containerRegular {
13 | width: 100%;
14 | max-width: 984px;
15 | margin-left: auto;
16 | margin-right: auto;
17 | position: relative;
18 | }
19 |
20 | .linesGroup {
21 | z-index: 2;
22 | pointer-events: none;
23 | position: absolute;
24 | top: 0%;
25 | bottom: 0%;
26 | left: 0%;
27 | right: 0%;
28 | }
29 |
30 | .lineVerticalLeft,
31 | .lineVerticalRight {
32 | z-index: 1;
33 | background-color: var(--neutral--800);
34 | width: 1px;
35 | height: auto;
36 | position: absolute;
37 | top: 4.5px;
38 | bottom: 0%;
39 | }
40 |
41 | .lineVerticalLeft {
42 | left: 0%;
43 | right: auto;
44 | }
45 |
46 | .lineVerticalRight {
47 | left: auto;
48 | right: 0%;
49 | }
50 |
51 | .lineDot {
52 | z-index: 5;
53 | border: 1px solid var(--neutral--800);
54 | background-color: #0d0d11;
55 | border-radius: 2px;
56 | width: 10px;
57 | height: 10px;
58 | position: absolute;
59 |
60 | &.bottomLeft {
61 | top: auto;
62 | bottom: -4.5px;
63 | left: -4.5px;
64 | right: auto;
65 | }
66 |
67 | &.bottomRight {
68 | top: auto;
69 | bottom: -4.5px;
70 | left: auto;
71 | right: -4.5px;
72 | }
73 | }
74 |
75 | .paragraphSmall {
76 | letter-spacing: -0.02em;
77 | margin-bottom: 0;
78 | font-size: 12px;
79 | line-height: 1.7;
80 | }
81 |
82 | .textColorWhite {
83 | color: var(--base--white);
84 | }
85 |
86 | .logo {
87 | cursor: pointer;
88 | flex: none;
89 | transition: all 0.3s;
90 |
91 | &:hover {
92 | transform: scale(1.15);
93 | }
94 | }
95 |
--------------------------------------------------------------------------------
/src/app/dashboard/folders/_components/folder-context-menu.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | ContextMenu,
3 | ContextMenuContent,
4 | ContextMenuItem,
5 | ContextMenuTrigger,
6 | Input
7 | } from 'ui'
8 | import { Edit2, Trash2 } from 'lucide-react'
9 | import { useState } from 'react'
10 |
11 | type FolderContextMenuProps = {
12 | folderId: string
13 | folderName: string
14 | onUpdate: (id: string, name: string, color: string) => Promise
7 |
31 |
50 |
32 |
49 | 33 | There’s no folder yet 34 |
35 |36 | Try creating a folder to store your issues 37 |
38 |
39 |
43 |
47 |
48 |