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

Merge pull request #2010 from busches/fix-2007

Browse Source 
fix(Gengar): Hide Summary section unless populated
This commit is contained in:
Amruth Pillai
2025-01-12 16:37:01 +01:00
committed by GitHub
parent 3ae651fece bd52983780
commit 1c7a6c952f
1 changed files with 11 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/artboard/src/templates/gengar.tsx
View File

@ -83,10 +83,11 @@ const Header = () => {
const Summary = () => { const Summary = () => {
const section = useArtboardStore((state) => state.resume.sections.summary); const section = useArtboardStore((state) => state.resume.sections.summary);
const primaryColor = useArtboardStore((state) => state.resume.metadata.theme.primary);
if (!section.visible || isEmptyString(section.content)) return null; if (!section.visible || isEmptyString(section.content)) return null;
return ( return (
<div className="p-custom space-y-4" style={{ backgroundColor: hexToRgb(primaryColor, 0.2) }}>
<section id={section.id}> <section id={section.id}>
<div <div
dangerouslySetInnerHTML={{ __html: section.content }} dangerouslySetInnerHTML={{ __html: section.content }}
@ -94,6 +95,7 @@ const Summary = () => {
style={{ columns: section.columns }} style={{ columns: section.columns }}
/> />
</section> </section>
</div>
); );
}; };
@ -588,14 +590,7 @@ export const Gengar = ({ columns, isFirstPage = false }: TemplateProps) => {
</div> </div>
<div className={cn("main group", sidebar.length > 0 ? "col-span-2" : "col-span-3")}> <div className={cn("main group", sidebar.length > 0 ? "col-span-2" : "col-span-3")}>
{isFirstPage && ( {isFirstPage && <Summary />}
<div
className="p-custom space-y-4"
style={{ backgroundColor: hexToRgb(primaryColor, 0.2) }}
>
<Summary />
</div>
)}
<div className="p-custom space-y-4"> <div className="p-custom space-y-4">
{main.map((section) => ( {main.map((section) => (