Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-21 04:19:37 +02:00
Code Issues Releases Wiki Activity

Multiple changes to App related components. Created form to add new Apps, outsourced AppGrid component

Browse source
This commit is contained in:
unknown 2021-05-13 17:21:52 +02:00
parent f34bbd938d
commit 7e540587a5
9 changed files with 276 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

13
client/src/components/Apps/AppCard/AppCard.tsx
View file

@ -1,3 +1,5 @@
import { Link } from 'react-router-dom';
import classes from './AppCard.module.css';
import Icon from '../../UI/Icon/Icon';
@ -5,6 +7,7 @@ import { App } from '../../../interfaces';
interface ComponentProps {
app: App;
pinHandler?: Function;
}
const AppCard = (props: ComponentProps): JSX.Element => {
@ -18,16 +21,20 @@ const AppCard = (props: ComponentProps): JSX.Element => {
return parsedName;
}
const redirectHandler = (url: string): void => {
window.open(url);
}
return (
<div className={classes.AppCard}>
<a href={`http://${props.app.url}`} target='blank' className={classes.AppCard}>
<div className={classes.AppCardIcon}>
<Icon icon={iconParser(props.app.icon)} />
</div>
<div className={classes.AppCardDetails}>
<h5>{props.app.name}</h5>
<a href="/">{props.app.url}</a>
<span>{props.app.url}</span>
</div>
</div>
</a>
)
}