chaos/food-site
1
0
Fork 0
Code Issues Activity

extra!

Browse source
This commit is contained in:
ChaotiCryptidz 2022-06-02 16:16:15 +01:00
parent 74f9d07f1e
commit da8ebb5cc9
No known key found for this signature in database
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/foodItems.tsx
View file

@ -4,10 +4,12 @@ import { FoodExcludeTypes } from "./types";
export const FoodItemsContainer = (props: { export const FoodItemsContainer = (props: {
children: JSX.Element | JSX.Element[] | null children: JSX.Element | JSX.Element[] | null
title: string, title: string,
extra?: string,
}): JSX.Element => { }): JSX.Element => {
return ( return (
<div> <div>
<h3>{props.title}</h3> <h3>{props.title}</h3>
{props.extra && <p>{props.extra}</p>}
<div class="list-group" role="list"> <div class="list-group" role="list">
{props.children} {props.children}
</div> </div>

2
src/mainPage.tsx
View file

@ -120,7 +120,7 @@ export class MainPage extends Component<unknown, { toggles: FoodExcludeTypes }>
<br /> <br />
<FoodItemsContainer title="Breakfast"> <FoodItemsContainer title="Breakfast" extra="don't often have breakfast, but this is what we would have">
<FoodItem title="Marmite Toast" /> <FoodItem title="Marmite Toast" />
<FoodItem title="Bagels" /> <FoodItem title="Bagels" />
<AdvancedFoodItem title="Jam Toast" extra={"light thin layer of jam, not chunky jam; jams like cloudberry, strawberry, raspberry, orange"} /> <AdvancedFoodItem title="Jam Toast" extra={"light thin layer of jam, not chunky jam; jams like cloudberry, strawberry, raspberry, orange"} />