2023-10-23 23:11:59 +02:00
|
|
|
import { ShadowContainer } from "@/components/design/ShadowContainer"
|
|
|
|
import { GitHubIcon } from "@/components/Profile/SocialMediaList/SocialMediaIcons/GitHubIcon"
|
2021-07-04 19:56:05 +02:00
|
|
|
|
|
|
|
export interface RepositoryProps {
|
|
|
|
name: string
|
|
|
|
description: string
|
|
|
|
href: string
|
|
|
|
}
|
|
|
|
|
2023-08-01 17:22:09 +02:00
|
|
|
export const Repository = (props: RepositoryProps): JSX.Element => {
|
2021-07-04 19:56:05 +02:00
|
|
|
const { name, description, href } = props
|
|
|
|
|
|
|
|
return (
|
2024-05-16 09:56:19 +02:00
|
|
|
<li>
|
2023-10-23 23:11:59 +02:00
|
|
|
<a href={href} target="_blank" rel="noopener noreferrer">
|
2024-05-16 09:56:19 +02:00
|
|
|
<ShadowContainer className="relative !mb-4 max-h-32 cursor-pointer p-6 transition-all duration-300 ease-in-out hover:scale-[1.03]">
|
|
|
|
<h3 className="flex">
|
|
|
|
<GitHubIcon className="mr-2 h-6" />
|
|
|
|
<span className="font-semibold text-primary dark:text-primary-dark">
|
|
|
|
{name}
|
|
|
|
</span>
|
|
|
|
</h3>
|
|
|
|
<p className="my-4">{description}</p>
|
|
|
|
</ShadowContainer>
|
2021-07-04 19:56:05 +02:00
|
|
|
</a>
|
2024-05-16 09:56:19 +02:00
|
|
|
</li>
|
2021-07-04 19:56:05 +02:00
|
|
|
)
|
|
|
|
}
|