{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "flow-assets", "title": "Floww Assets", "description": "assets and static data for flow component.", "files": [ { "path": "registry/blocks/flow-assets/index.tsx", "content": "import { Separator } from '@/components/ui/separator';\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/systaliko-ui/shadcn/avatar';\nimport { Badge } from '@/components/systaliko-ui/shadcn/badge';\nimport { cn } from '@/components/systaliko-ui/shadcn/lib/utils';\nimport { ClassValue } from 'clsx';\n\nconst cardStyle: ClassValue =\n 'w-fit bg-card text-card-foreground border rounded-xl p-4 shadow-2xs';\n\nexport const first_task = {\n title: 'Setup the project',\n team: [\n {\n name: 'Eduard Franz',\n avatarUrl: 'https://untitledui.com/images/avatars/drew-cano',\n },\n {\n name: 'Lyle Kauffman',\n avatarUrl: 'https://untitledui.com/images/avatars/lyle-kauffman',\n },\n ],\n techStack: [\n {\n label: 'Slack',\n icon: SlackIcon,\n },\n {\n label: 'Figma',\n icon: FigmaIcon,\n },\n {\n label: 'Notion',\n icon: NotionIcon,\n },\n ],\n};\nexport const first_sub = {\n title: 'Subtask 1: Create wireframes',\n team: [\n {\n name: 'Fransisco Fring',\n avatarUrl: 'https://untitledui.com/images/avatars/koray-okumus',\n },\n ],\n techStack: [\n {\n label: 'Slack',\n icon: SlackIcon,\n },\n {\n label: 'Figma',\n icon: FigmaIcon,\n },\n {\n label: 'Notion',\n icon: NotionIcon,\n },\n ],\n};\nexport const manager_stack = [\n {\n label: 'Slack',\n icon: SlackIcon,\n },\n\n {\n label: 'Notion',\n icon: NotionIcon,\n },\n];\nconst dev_task = {\n title: 'Setup repo',\n team: [\n {\n name: 'Italo Melo',\n avatarUrl: 'https://untitledui.com/images/avatars/ashwin-santiago',\n },\n {\n name: 'Has Jones',\n avatarUrl: 'https://untitledui.com/images/avatars/hasan-johns',\n },\n ],\n techStack: [\n {\n label: 'Slack',\n icon: SlackIcon,\n },\n {\n label: 'React',\n icon: ReactIcon,\n },\n {\n label: 'Notion',\n icon: NotionIcon,\n },\n {\n label: 'Github',\n icon: GihubIcon,\n },\n ],\n};\nexport function ReactIcon({ ...props }: React.SVGProps) {\n return (\n \n \n \n \n \n \n \n \n \n \n );\n}\nexport function SlackIcon({ ...props }: React.SVGProps) {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\nexport function FigmaIcon({ ...props }: React.SVGProps) {\n return (\n \n \n \n \n \n \n \n \n );\n}\nexport function NotionIcon({ ...props }: React.SVGProps) {\n return (\n \n \n \n \n \n \n \n \n );\n}\nexport function ApplIcon({ ...props }: React.SVGProps) {\n return (\n \n \n \n \n \n );\n}\nexport function ClientCard() {\n return (\n
\n
\n \n

Apple

\n \n
\n\n

\n Onboarding \n

\n
\n );\n}\nexport function GihubIcon({ ...props }: React.SVGProps) {\n return (\n \n \n \n \n \n \n \n \n \n \n );\n}\n\nexport interface MemberProps {\n name: string;\n avatarUrl: string;\n avatarClassName?: string;\n}\nexport interface StackProps {\n label: string;\n icon: React.ComponentType>;\n}\n[];\n\nfunction MemberAvatar({ name, avatarUrl, avatarClassName }: MemberProps) {\n return (\n
\n \n \n YCF\n \n
\n );\n}\ninterface StackGroupProps {\n label: string;\n stack: Array;\n}\nfunction StackGroup({\n label,\n stack,\n className,\n ...props\n}: React.ComponentProps<'div'> & StackGroupProps) {\n return (\n
\n {label}\n
\n {stack.map((tech) => {\n const Icon = tech.icon;\n return ;\n })}\n
\n
\n );\n}\nexport function TaskMainCard() {\n return (\n
\n

{first_task.title}

\n
\n
\n

Assigned to

\n
\n {first_task.team.map((member) => (\n \n ))}\n
\n
\n \n
\n
\n );\n}\nexport function TaskSubCard() {\n return (\n
\n

{first_sub.title}

\n
\n
\n

Assigned to

\n
\n {first_sub.team.map((member) => (\n \n ))}\n
\n
\n \n
\n
\n );\n}\nexport function MemberCard() {\n return (\n
\n
\n \n
\n

Project Manager

\n

\n Managing project progress\n

\n
\n
\n\n \n
\n );\n}\n\nexport function DevCard() {\n return (\n
\n

{dev_task.title}

\n
\n
\n

Assigned to

\n
\n {dev_task.team.map((member) => (\n \n ))}\n
\n
\n \n
\n
\n );\n}\n", "type": "registry:block", "target": "components/systaliko-ui/flow-assets.tsx" } ], "type": "registry:block" }