cerc-io/snowballtools-base-old
10
0
Fork 0
mirror of https://github.com/snowball-tools/snowballtools-base synced 2025-08-03 23:34:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

back

Browse Source
This commit is contained in:
Vivian Phung 2024-02-26 22:30:51 -05:00
parent 7557511dd5
commit 528cd3b773
No known key found for this signature in database
1 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/frontend/src/components/projects/create/TemplateCard.tsx
View File

@ -1,8 +1,9 @@
import React from 'react'; import React from 'react';
import toast from 'react-hot-toast'; import toast from 'react-hot-toast';
import { Link } from 'react-router-dom';
import { ReactNativeIcon, ChevronRight } from 'components/shared/CustomIcon'; import { IconButton, Typography } from '@material-tailwind/react';
import { Link } from 'react-router-dom';
interface TemplateDetails { interface TemplateDetails {
id: string; id: string;
@ -16,15 +17,18 @@ interface TemplateCardProps {
const CardDetails = ({ template }: { template: TemplateDetails }) => { const CardDetails = ({ template }: { template: TemplateDetails }) => {
return ( return (
<div className="bg-gray-200 border-gray-200 border-b border-opacity-10 rounded-lg shadow flex items-center justify-between"> <div className="h-14 group bg-gray-200 border-gray-200 rounded-lg shadow p-4 flex items-center justify-between">
<ReactNativeIcon /> <Typography className="grow" placeholder={''}>
<div className="grow shrink basis-0 text-slate-900 text-sm font-normal leading-tight"> {template.icon} {template.name}
{template.name} </Typography>
</div>
<div> <div>
<div className="py-2 px-3 bg-white rounded-full shadow-inner border border-sky-950 border-opacity-10 justify-center items-center gap-1 flex"> <IconButton
<ChevronRight /> size="sm"
</div> className="rounded-full hidden group-hover:block"
placeholder={''}
>
{'>'}
</IconButton>
</div> </div>
</div> </div>
); );