cfbender/snowballtools-base
1
0
Fork 0
forked from cerc-io/snowballtools-base
Code Pull Requests Activity

⚡️ feat: reskin template header

Browse Source
This commit is contained in:
Andre H 2024-02-29 15:31:10 +07:00
parent 2cd1865d19
commit d9392c095d
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/frontend/src/pages/org-slug/projects/create/Template.tsx
View File

@ -10,6 +10,8 @@ import { Avatar } from '@material-tailwind/react';
import Stepper from '../../../../components/Stepper'; import Stepper from '../../../../components/Stepper';
import templates from '../../../../assets/templates'; import templates from '../../../../assets/templates';
import { LinkChainIcon } from 'components/shared/CustomIcon';
import { Heading } from 'components/shared/Heading';
// TODO: Set dynamic route for template and load details from DB // TODO: Set dynamic route for template and load details from DB
const CreateWithTemplate = () => { const CreateWithTemplate = () => {
@ -44,19 +46,24 @@ const CreateWithTemplate = () => {
return ( return (
<div className="flex flex-col items-center"> <div className="flex flex-col items-center">
<div className="flex justify-between w-5/6 my-4 bg-gray-200 rounded-xl p-6 items-center"> <div className="flex flex-col lg:flex-row justify-between w-5/6 my-4 bg-gray-200 rounded-xl p-6 gap-3 items-start lg:items-center">
<Avatar variant="rounded" src="/gray.png" placeholder={''} /> <div className="flex items-center gap-3">
<div className="grow px-2">{template?.name}</div> <Avatar variant="rounded" src="/gray.png" placeholder={''} />
<Heading className="font-medium">{template?.name}</Heading>
</div>
<div> <div>
<a <a
href={`https://github.com/${template?.repoFullName}`} href={`https://github.com/${template?.repoFullName}`}
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
className="flex gap-1.5 items-center text-sm"
> >
^{' '} <LinkChainIcon size={18} />
{Boolean(template?.repoFullName) <span className="underline">
? template?.repoFullName {Boolean(template?.repoFullName)
: 'Template not supported'} ? template?.repoFullName
: 'Template not supported'}
</span>
</a> </a>
</div> </div>
</div> </div>