franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix icons

Browse Source
This commit is contained in:
Aman Varshney
2025-05-20 15:05:43 +05:30
parent aa037e07ca
commit c9fc72a79d
4 changed files with 47 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
apps/web/src/app/(home)/_components/stack-builder.tsx
View File

@@ -966,7 +966,7 @@ const StackBuilder = () => {
const shareToTwitter = () => {
const text = encodeURIComponent(
"Check out this cool tech stack I configured with Create Better T-Stack!\n\n",
"Check out this cool tech stack I configured with Create Better T Stack!\n\n",
);
if (typeof window !== "undefined") {
const url = encodeURIComponent(window.location.href);
@@ -1355,15 +1355,17 @@ const StackBuilder = () => {
getBadgeColors(category),
)}
>
<TechIcon
icon={tech.icon}
name={tech.name}
className={
tech.icon.startsWith("/icon/")
? "h-3 w-3"
: "h-3 w-3 text-xs"
}
/>
{tech.icon !== "" && (
<TechIcon
icon={tech.icon}
name={tech.name}
className={
tech.icon.startsWith("/icon/")
? "h-3 w-3"
: "h-3 w-3 text-xs"
}
/>
)}
{tech.name}
</span>,
);
@@ -1390,7 +1392,9 @@ const StackBuilder = () => {
getBadgeColors(category),
)}
>
<TechIcon icon={tech.icon} name={tech.name} className="h-3 w-3" />
{tech.icon !== "" && (
<TechIcon icon={tech.icon} name={tech.name} className="h-3 w-3" />
)}
{tech.name}
</span>,
);
@@ -1846,11 +1850,13 @@ const StackBuilder = () => {
<div className="flex-grow">
<div className="flex items-center justify-between">
<div className="flex items-center">
<TechIcon
icon={tech.icon}
name={tech.name}
className="mr-1.5 h-4 w-4"
/>
{tech.icon !== "" && (
<TechIcon
icon={tech.icon}
name={tech.name}
className="mr-1.5 h-4 w-4"
/>
)}
<span
className={cn(
"font-medium text-sm",

15
apps/web/src/app/(home)/page.tsx
View File

@@ -45,9 +45,17 @@ export default function HomePage() {
},
};
const frontendOptions = TECH_OPTIONS.webFrontend.filter(
const webFrontendOptions = TECH_OPTIONS.webFrontend.filter(
(option) => option.id !== "none",
);
const nativeFrontendOptions = TECH_OPTIONS.nativeFrontend.filter(
(option) => option.id !== "none",
);
const combinedFrontendOptions = [
...webFrontendOptions,
...nativeFrontendOptions,
];
const backendOptions = TECH_OPTIONS.backend.filter(
(option) => option.id !== "none",
);
@@ -128,7 +136,10 @@ export default function HomePage() {
<motion.div className="mx-auto w-full" variants={itemVariants}>
<CodeContainer />
<div className="mt-6 grid grid-cols-2 gap-4 sm:grid-cols-3">
<FeatureCard title="Frontend" options={frontendOptions} />
<FeatureCard
title="Frontend"
options={combinedFrontendOptions}
/>
<FeatureCard title="Backend" options={backendOptions} />
<FeatureCard title="Runtime" options={runtimeOptions} />
<FeatureCard title="API Layer" options={apiLayerOptions} />