mirror of
https://github.com/pawelmalak/flame.git
synced 2025-07-19 19:49:37 +02:00
Multiple changes to App related components. Created form to add new Apps, outsourced AppGrid component
This commit is contained in:
parent
f34bbd938d
commit
7e540587a5
9 changed files with 276 additions and 45 deletions
25
client/src/components/Apps/AppGrid/AppGrid.tsx
Normal file
25
client/src/components/Apps/AppGrid/AppGrid.tsx
Normal file
|
@ -0,0 +1,25 @@
|
|||
import classes from './AppGrid.module.css';
|
||||
import { App } from '../../../interfaces/App';
|
||||
|
||||
import AppCard from '../AppCard/AppCard';
|
||||
|
||||
interface ComponentProps {
|
||||
apps: App[];
|
||||
}
|
||||
|
||||
const AppGrid = (props: ComponentProps): JSX.Element => {
|
||||
const apps = (
|
||||
<div className={classes.AppGrid}>
|
||||
{props.apps.map((app: App): JSX.Element => {
|
||||
return <AppCard
|
||||
key={app.id}
|
||||
app={app}
|
||||
/>
|
||||
})}
|
||||
</div>
|
||||
);
|
||||
|
||||
return apps;
|
||||
}
|
||||
|
||||
export default AppGrid;
|
Loading…
Add table
Add a link
Reference in a new issue