Forward/ballistic-builder
3
0
Fork 0
mirror of https://gitea.gofwd.group/dstrawsb/ballistic-builder.git synced 2025-12-06 02:36:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

tailswinds fixed

Browse Source
This commit is contained in:
Don Starwsburg
2024-11-21 15:43:21 -05:00
parent ef439d8f1c
commit 8951fa4f39
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Brand/addBrand.tsx
View File

@@ -18,7 +18,7 @@ const AddBrand: FC<Props> = ({ createBrand }) => {
// Rendering the AddBrand component // Rendering the AddBrand component
return ( return (
<div className="w-full flex gap-1 mt-2"> <div className="w-full flex gap-1 mt-2">
{/* Input field for entering new brand text */} {/* Input field for entering new brand name */}
<input <input
type="text" type="text"
className="w-full px-2 py-1 border border-gray-200 rounded outline-none" className="w-full px-2 py-1 border border-gray-200 rounded outline-none"

12
src/components/Brand/brands.tsx
View File

@@ -8,15 +8,15 @@ interface Props {
brands: brandType[]; brands: brandType[];
} }
const Brands: FC<Props> = ({ brands }) => { const Brands: FC<Props> = ({ brands }) => {
// State to manage the list of todo items // State to manage the list of brand items
const [brandItems, setBrandItems] = useState<brandType[]>(brands); const [brandItems, setBrandItems] = useState<brandType[]>(brands);
// Function to create a new todo item // Function to create a new brand item
const createBrand = (name: string) => { const createBrand = (name: string) => {
const id = (brandItems.at(-1)?.id || 0) + 1; const id = (brandItems.at(-1)?.id || 0) + 1;
addBrand(name); addBrand(name);
setBrandItems((prev) => [...prev, { id: id, name: name }]); setBrandItems((prev) => [...prev, { id: id, name: name }]);
}; };
// Function to change the text of a todo item // Function to change the text of a brand item
const changeBrandName = (id: number, name: string) => { const changeBrandName = (id: number, name: string) => {
setBrandItems((prev) => setBrandItems((prev) =>
prev.map((brand) => (brand.id === id ? { ...brand, name } : brand)) prev.map((brand) => (brand.id === id ? { ...brand, name } : brand))
@@ -32,9 +32,9 @@ const Brands: FC<Props> = ({ brands }) => {
// Rendering the brand List component // Rendering the brand List component
return ( return (
<main className="flex mx-auto max-w-xl w-full min-h-screen flex-col items-center p-16"> <main className="flex mx-auto max-w-xl w-full min-h-screen flex-col items-center p-16">
<div className="text-5xl font-medium">To-do app</div> <div className="text-5xl font-medium">Ballistic Builder Brand</div>
<div className="w-full flex flex-col mt-8 gap-2"> <div className="w-full flex flex-col mt-8 gap-2">
{/* Mapping through todoItems and rendering Todo component for each */} {/* Mapping through brand items and rendering brand component for each */}
{brandItems.map((brand) => ( {brandItems.map((brand) => (
<Brand <Brand
key={brand.id} key={brand.id}
@@ -44,7 +44,7 @@ const Brands: FC<Props> = ({ brands }) => {
/> />
))} ))}
</div> </div>
{/* Adding Todo component for creating new todos */} {/* Adding brand component for creating new brand */}
<AddBrand createBrand={createBrand} /> <AddBrand createBrand={createBrand} />
</main> </main>
); );

4
tailwind.config.ts
View File

@@ -2,8 +2,8 @@ import type { Config } from "tailwindcss";
export default { export default {
content: [ content: [
'./src/app/pages/**/*.{js,ts,jsx,tsx,mdx}', './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/components/**/*.{js,ts,jsx,tsx,mdx}', './src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}', './src/app/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/*.{js,ts,jsx,tsx,mdx}', './src/app/*.{js,ts,jsx,tsx,mdx}',
'./src/**/*.{js, ts, jsx, tsx,mdx}', './src/**/*.{js, ts, jsx, tsx,mdx}',