modelec/modelec.club
1
0
Fork 0
mirror of https://github.com/modelec/modelec.club.git synced 2026-01-18 16:37:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

Bug fix with SocialNetwork component

Browse Source
This commit is contained in:
TitiLaPierre
2024-10-13 18:41:42 +02:00
parent 466c1186f9
commit cb6caf1922
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/socialnetwork/socialnetwork.css
View File

@@ -6,7 +6,7 @@
background: var(--white);
border-radius: 999px;
overflow: hidden;
justify-self: center;
width: fit-content;
box-shadow: var(--shadow);
}
.media-separator {

8
src/components/socialnetwork/socialnetwork.tsx
View File

@@ -1,4 +1,4 @@
import React from "react";
import React, { Fragment } from "react";
import './socialnetwork.css';
@@ -24,12 +24,12 @@ export const SocialNetwork: React.FC<SocialNetworkProps> = ({ Icon, link, name }
export const SocialNetworkList: React.FC<SocialNetworkListProps> = ({ networks }) => {
return (
<div className={"media-container"}>
{networks.map((network, index) => (<>
<SocialNetwork key={index} Icon={network.Icon} link={network.link} name={network.name} />
{networks.map((network, index) => (<Fragment key={index}>
<SocialNetwork Icon={network.Icon} link={network.link} name={network.name} />
{index < (networks.length - 1) &&
<hr className={'media-separator'} />
}
</>))}
</Fragment>))}
</div>
);
}