Feat/templates

components/elements/Markdown.tsx

@@ -6,7 +6,7 @@ export function Markdown({ body }: { body: string }) {
 		<ReactMarkdown
 			remarkPlugins={[remarkGfm4]}
 			components={{
-				h1: ({ children }) => <h1 className='mb-3 text-sm text-body'>{children}</h1>,
+				h1: ({ children }) => <h1 className='mb-3 text-2xl text-head'>{children}</h1>,
 				h2: ({ children }) => <h2 className='mb-2 text-xl text-head'>{children}</h2>,
 				p: ({ children }) => <p className='mb-8 text-sm text-body'>{children}</p>,
 				li: ({ children }) => <li className='mb-1 ml-4 list-disc text-sm text-body'>{children}</li>,

components/sections/Templates/TemplateInit.tsx

@@ -1,6 +1,6 @@
 import { CopyButton } from 'components/elements'
 
-export default function TemplateInit({ path }: { path: string }) {
+export default function TemplateInit({ path, template }: { path: string; template: string | null }) {
 	return (
 		<div className='mb-3 flex w-full items-center justify-between rounded-xl bg-[#121212] text-xs text-head'>
 			<pre
@@ -9,8 +9,12 @@ export default function TemplateInit({ path }: { path: string }) {
 					scrollbarWidth: 'thin',
 				}}
 				className='overflow-x-scroll p-4'
-			>{`cargo shuttle init --from ${path}`}</pre>
-			<CopyButton code={`cargo shuttle init --from ${path}`} width={16} height={16} />
+			>{`shuttle init ${template ? `--template ${template}` : `--from ${path}`}`}</pre>
+			<CopyButton
+				code={`shuttle init ${template ? `--template ${template}` : `--from ${path}`}`}
+				width={16}
+				height={16}
+			/>
 		</div>
 	)
 }

components/sections/Templates/TemplateReadme.tsx

@@ -5,9 +5,7 @@ export default function TemplateReadme({ title, readme }: { title: string; readm
 		<div className='col-span-2 rounded-3xl border border-[#434343] p-8'>
 			<h1 className='mb-5 text-[36px] font-bold leading-10 text-[#D8D8D8]'>{title}</h1>
 
-			<p className='mb-8'>{'//README'}</p>
 			<Markdown body={readme} />
-			<p>{'//README'}</p>
 		</div>
 	)
 }

pages/templates/[templateKey]/index.tsx

@@ -152,14 +152,14 @@ export default function TemplateDetails({ template }: InferGetStaticPropsType<ty
 					<div className=' flex w-full flex-col items-center'>
 						<TemplateLogo />
 
-						<TemplateInit path={template?.path} />
+						<TemplateInit path={template?.path} template={template?.template} />
 
 						{isModalOpen && (
 							<div className='my-5 flex w-full flex-col justify-start'>
 								<h3 className='font-gradual text-2xl font-bold text-head'>Instructions</h3>
 								<ol className='mt-1 text-head opacity-60'>
-									<li>Step 1. Start rust</li>
-									<li>Step 2. Copy cargo shuttle init command with info above</li>
+									<li>Step 1. Start Rust</li>
+									<li>Step 2. Copy shuttle init command with info above</li>
 
 									<li>Step 3. Login into dashboard</li>
 								</ol>