Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | import { Facebook, LinkedIn, Medium, TwitterBird, YouTube } from "./Icons"; export interface SocialIconsProps { platform: string; size: number; } export const SocialIcons: React.FunctionComponent<SocialIconsProps> = (props) => { const { platform, size } = props; return ( <> {platform.includes("Facebook") ? ( <Facebook size={size} /> ) : platform.includes("LinkedIn") ? ( <LinkedIn size={size} /> ) : platform.includes("Medium") ? ( <Medium size={size} /> ) : platform.includes("Twitter") ? ( <TwitterBird size={size} /> ) : platform.includes("Youtube") ? ( <YouTube size={size} /> ) : ( <></> )} </> ); }; |