matthew
2 years ago
2 changed files with 18 additions and 12 deletions
@ -1,17 +1,23 @@ |
|||||||
import { cleanUrlForUi } from 'app/core/helpers/common'; |
import { cleanUrlForUi } from "app/core/helpers/common" |
||||||
import s from './styles.module.css' |
import s from "./styles.module.css" |
||||||
|
|
||||||
interface Props { |
interface Props { |
||||||
url: string; |
url: string |
||||||
title: string; |
title: string |
||||||
description: string; |
description: string |
||||||
} |
} |
||||||
const WebsiteCard = (props:Props) => { |
const WebsiteCard = (props: Props) => { |
||||||
return <div className={s.root}> |
return ( |
||||||
<a className={s.titleLink} href={props.url}>{props.title}</a> |
<div className={s.root}> |
||||||
<a className={s.miniLink} href={props.url}>{cleanUrlForUi(props.url)}</a> |
<a target="_blank" className={s.titleLink} href={props.url}> |
||||||
|
{props.title} |
||||||
|
</a> |
||||||
|
<a target="_blank" className={s.miniLink} href={props.url}> |
||||||
|
{cleanUrlForUi(props.url)} |
||||||
|
</a> |
||||||
<div className={s.description}>{props.description}</div> |
<div className={s.description}>{props.description}</div> |
||||||
</div> |
</div> |
||||||
|
) |
||||||
} |
} |
||||||
|
|
||||||
export default WebsiteCard; |
export default WebsiteCard |
||||||
|
Loading…
Reference in new issue