Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-18 02:31:56 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: handle edge case to display LinkedIn logo when used in Profiles

Browse Source
This commit is contained in:
Amruth Pillai
2025-01-12 13:24:57 +01:00
parent 3c4a26bc06
commit 35df043f66
71 changed files with 3213 additions and 3148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/artboard/src/templates/onyx.tsx
View File

@ -20,6 +20,7 @@ import { cn, isEmptyString, isUrl } from "@reactive-resume/utils";
import get from "lodash.get";
import React, { Fragment } from "react";
import { BrandIcon } from "../components/brand-icon";
import { Picture } from "../components/picture";
import { useArtboardStore } from "../store/artboard";
import { TemplateProps } from "../types/template";
@ -27,7 +28,6 @@ import { TemplateProps } from "../types/template";
const Header = () => {
const basics = useArtboardStore((state) => state.resume.basics);
const profiles = useArtboardStore((state) => state.resume.sections.profiles);
const fontSize = useArtboardStore((state) => state.resume.metadata.typography.font.size);
return (
<div className="flex items-center justify-between space-x-4 border-b border-primary pb-5">
@ -91,15 +91,7 @@ const Header = () => {
url={item.url}
label={item.username}
className="text-sm"
icon={
<img
className="ph"
width={fontSize}
height={fontSize}
alt={item.network}
src={`https://cdn.simpleicons.org/${item.icon}`}
/>
}
icon={<BrandIcon slug={item.icon} />}
/>
</div>
))}