Decide if the card should be displayed at higher level

This commit is contained in:
Ariful Alam
2024-01-20 18:34:32 +06:00
parent c5318da457
commit 034dbe0d2c
5 changed files with 147 additions and 163 deletions

View File

@@ -59,8 +59,6 @@ const CertificationCard = ({
};
return (
<>
{certifications?.length !== 0 && (
<div className="card shadow-lg compact bg-base-100">
<div className="card-body">
<div className="mx-3">
@@ -86,9 +84,7 @@ const CertificationCard = ({
year={`${certification.year}`}
name={certification.name}
body={certification.body}
link={
certification.link ? certification.link : undefined
}
link={certification.link ? certification.link : undefined}
/>
))}
</>
@@ -97,8 +93,6 @@ const CertificationCard = ({
</div>
</div>
</div>
)}
</>
);
};

View File

@@ -53,8 +53,6 @@ const EducationCard = ({
};
return (
<>
{educations?.length !== 0 && (
<div className="card shadow-lg compact bg-base-100">
<div className="card-body">
<div className="mx-3">
@@ -62,9 +60,7 @@ const EducationCard = ({
{loading ? (
skeleton({ widthCls: 'w-32', heightCls: 'h-8' })
) : (
<span className="text-base-content opacity-70">
Education
</span>
<span className="text-base-content opacity-70">Education</span>
)}
</h5>
</div>
@@ -88,8 +84,6 @@ const EducationCard = ({
</div>
</div>
</div>
)}
</>
);
};

View File

@@ -58,8 +58,6 @@ const ExperienceCard = ({
return array;
};
return (
<>
{experiences?.length !== 0 && (
<div className="card shadow-lg compact bg-base-100">
<div className="card-body">
<div className="mx-3">
@@ -67,9 +65,7 @@ const ExperienceCard = ({
{loading ? (
skeleton({ widthCls: 'w-32', heightCls: 'h-8' })
) : (
<span className="text-base-content opacity-70">
Experience
</span>
<span className="text-base-content opacity-70">Experience</span>
)}
</h5>
</div>
@@ -98,8 +94,6 @@ const ExperienceCard = ({
</div>
</div>
</div>
)}
</>
);
};

View File

@@ -217,22 +217,30 @@ const GitProfile = ({ config }: { config: Config }) => {
github={sanitizedConfig.github}
social={sanitizedConfig.social}
/>
{sanitizedConfig.skills.length !== 0 && (
<SkillCard
loading={loading}
skills={sanitizedConfig.skills}
/>
)}
{sanitizedConfig.experiences.length !== 0 && (
<ExperienceCard
loading={loading}
experiences={sanitizedConfig.experiences}
/>
)}
{sanitizedConfig.certifications.length !== 0 && (
<CertificationCard
loading={loading}
certifications={sanitizedConfig.certifications}
/>
)}
{sanitizedConfig.educations.length !== 0 && (
<EducationCard
loading={loading}
educations={sanitizedConfig.educations}
/>
)}
</div>
</div>
<div className="lg:col-span-2 col-span-1">

View File

@@ -21,8 +21,6 @@ const SkillCard = ({
};
return (
<>
{skills?.length !== 0 && (
<div className="card shadow-lg compact bg-base-100">
<div className="card-body">
<div className="mx-3">
@@ -30,9 +28,7 @@ const SkillCard = ({
{loading ? (
skeleton({ widthCls: 'w-32', heightCls: 'h-8' })
) : (
<span className="text-base-content opacity-70">
Tech Stack
</span>
<span className="text-base-content opacity-70">Tech Stack</span>
)}
</h5>
</div>
@@ -52,8 +48,6 @@ const SkillCard = ({
</div>
</div>
</div>
)}
</>
);
};