ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-02-07 11:42:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Formated Files

Browse source
This commit is contained in:
Ahmad 2024-03-15 17:03:28 -04:00
parent 8ef97bf854
commit bdb5925975
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
5 changed files with 51 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
.github/workflows/eslint.yml vendored
View file

@ -11,10 +11,10 @@ name: ESLint
on: on:
push: push:
branches: [ "main" ] branches: ['main']
pull_request: pull_request:
# The branches below must be a subset of the branches above # The branches below must be a subset of the branches above
branches: [ "main" ] branches: ['main']
schedule: schedule:
- cron: '25 21 * * 1' - cron: '25 21 * * 1'

4
app/(platform)/(dashboard)/board/[boardId]/_components/card-item.tsx
View file

@ -29,7 +29,9 @@ export const CardItem = ({ index, data }: CardItemProps) => {
{data.title} {data.title}
<div className='flex w-fit rounded-md border-2 border-transparent bg-slate-100 px-0.5 pb-0.5 pt-0.5 text-sm'> <div className='flex w-fit rounded-md border-2 border-transparent bg-slate-100 px-0.5 pb-0.5 pt-0.5 text-sm'>
<Calendar className='ml-0.5 mr-0.5 h-4 w-4' /> <Calendar className='ml-0.5 mr-0.5 h-4 w-4' />
{data?.dueDate ? 'Due: ' + format(data.dueDate, 'PP') : 'No Due Date'} {data?.dueDate
? 'Due: ' + format(data.dueDate, 'PP')
: 'No Due Date'}
</div> </div>
</div> </div>
)} )}

72
components/ui/calendar.tsx
View file

@ -1,13 +1,13 @@
"use client" 'use client';
import * as React from "react" import * as React from 'react';
import { ChevronLeft, ChevronRight } from "lucide-react" import { ChevronLeft, ChevronRight } from 'lucide-react';
import { DayPicker } from "react-day-picker" import { DayPicker } from 'react-day-picker';
import { cn } from "@/lib/utils" import { cn } from '@/lib/utils';
import { buttonVariants } from "@/components/ui/button" import { buttonVariants } from '@/components/ui/button';
export type CalendarProps = React.ComponentProps<typeof DayPicker> export type CalendarProps = React.ComponentProps<typeof DayPicker>;
function Calendar({ function Calendar({
className, className,
@ -18,49 +18,49 @@ function Calendar({
return ( return (
<DayPicker <DayPicker
showOutsideDays={showOutsideDays} showOutsideDays={showOutsideDays}
className={cn("p-3", className)} className={cn('p-3', className)}
classNames={{ classNames={{
months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0", months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',
month: "space-y-4", month: 'space-y-4',
caption: "flex justify-center pt-1 relative items-center", caption: 'flex justify-center pt-1 relative items-center',
caption_label: "text-sm font-medium", caption_label: 'text-sm font-medium',
nav: "space-x-1 flex items-center", nav: 'space-x-1 flex items-center',
nav_button: cn( nav_button: cn(
buttonVariants({ variant: "outline" }), buttonVariants({ variant: 'outline' }),
"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100" 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'
), ),
nav_button_previous: "absolute left-1", nav_button_previous: 'absolute left-1',
nav_button_next: "absolute right-1", nav_button_next: 'absolute right-1',
table: "w-full border-collapse space-y-1", table: 'w-full border-collapse space-y-1',
head_row: "flex", head_row: 'flex',
head_cell: head_cell:
"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]", 'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]',
row: "flex w-full mt-2", row: 'flex w-full mt-2',
cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20", cell: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20',
day: cn( day: cn(
buttonVariants({ variant: "ghost" }), buttonVariants({ variant: 'ghost' }),
"h-9 w-9 p-0 font-normal aria-selected:opacity-100" 'h-9 w-9 p-0 font-normal aria-selected:opacity-100'
), ),
day_range_end: "day-range-end", day_range_end: 'day-range-end',
day_selected: day_selected:
"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground", 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',
day_today: "bg-accent text-accent-foreground", day_today: 'bg-accent text-accent-foreground',
day_outside: day_outside:
"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30", 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',
day_disabled: "text-muted-foreground opacity-50", day_disabled: 'text-muted-foreground opacity-50',
day_range_middle: day_range_middle:
"aria-selected:bg-accent aria-selected:text-accent-foreground", 'aria-selected:bg-accent aria-selected:text-accent-foreground',
day_hidden: "invisible", day_hidden: 'invisible',
...classNames, ...classNames,
}} }}
components={{ components={{
IconLeft: ({ ...props }) => <ChevronLeft className="h-4 w-4" />, IconLeft: ({ ...props }) => <ChevronLeft className='h-4 w-4' />,
IconRight: ({ ...props }) => <ChevronRight className="h-4 w-4" />, IconRight: ({ ...props }) => <ChevronRight className='h-4 w-4' />,
}} }}
{...props} {...props}
/> />
) );
} }
Calendar.displayName = "Calendar" Calendar.displayName = 'Calendar';
export { Calendar } export { Calendar };

2
components/ui/date-picker.tsx
View file

@ -69,7 +69,7 @@ export function DatePicker({
id: card.id, id: card.id,
boardId, boardId,
dueDate: date, dueDate: date,
}) });
setDate(date); setDate(date);
}; };

12
liveblocks.config.ts
View file

@ -1,5 +1,5 @@
import { createClient } from "@liveblocks/client"; import { createClient } from '@liveblocks/client';
import { createRoomContext, createLiveblocksContext } from "@liveblocks/react"; import { createRoomContext, createLiveblocksContext } from '@liveblocks/react';
const client = createClient({ const client = createClient({
publicApiKey: process.env.NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY!, publicApiKey: process.env.NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY!,
@ -55,8 +55,10 @@ export const {
useMarkThreadAsRead, useMarkThreadAsRead,
useRoomNotificationSettings, useRoomNotificationSettings,
useUpdateRoomNotificationSettings, useUpdateRoomNotificationSettings,
} },
} = createRoomContext<Presence, Storage, UserMeta, RoomEvent, ThreadMetadata>(client); } = createRoomContext<Presence, Storage, UserMeta, RoomEvent, ThreadMetadata>(
client
);
export const { export const {
suspense: { suspense: {
@ -67,5 +69,5 @@ export const {
useUnreadInboxNotificationsCount, useUnreadInboxNotificationsCount,
useUser, useUser,
useRoomInfo, useRoomInfo,
} },
} = createLiveblocksContext<UserMeta, ThreadMetadata>(client); } = createLiveblocksContext<UserMeta, ThreadMetadata>(client);