{dateDisplay}
)}{verifierBadge}
- {isInSkillsModal &&
+ {isInSkillsModal && (
- {customThumbComponent && customThumbComponent}
+ {customThumbComponent}
{!customThumbComponent && (
{thumbImgSrc && thumbImgSrc?.trim() !== '' && (
@@ -113,7 +113,7 @@ export const BoostSmallCard: React.FC = ({
)}
- {customTitle && customTitle}
+ {customTitle}
{!customTitle && (
@@ -123,7 +123,7 @@ export const BoostSmallCard: React.FC
- {customDraftComponent && customDraftComponent}
+ {customDraftComponent}
BOOST
diff --git a/packages/react-learn-card/src/components/Button/Button.stories.tsx b/packages/react-learn-card/src/components/Button/Button.stories.tsx
index 104b5df805..6afdc37753 100644
--- a/packages/react-learn-card/src/components/Button/Button.stories.tsx
+++ b/packages/react-learn-card/src/components/Button/Button.stories.tsx
@@ -1,7 +1,7 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
-import Button, { ButtonProps } from './Button';
+import Button, { type ButtonProps } from './Button';
export default {
title: 'Button',
diff --git a/packages/react-learn-card/src/components/Button/Button.tsx b/packages/react-learn-card/src/components/Button/Button.tsx
index 2690e6b01c..8ba39ec3a6 100644
--- a/packages/react-learn-card/src/components/Button/Button.tsx
+++ b/packages/react-learn-card/src/components/Button/Button.tsx
@@ -1,4 +1,4 @@
-import React, { MouseEventHandler } from 'react';
+import React, { type MouseEventHandler } from 'react';
export type ButtonProps = {
text?: string;
diff --git a/packages/react-learn-card/src/components/CertificateDisplayCard/CertificateBackFace.tsx b/packages/react-learn-card/src/components/CertificateDisplayCard/CertificateBackFace.tsx
index 3162756494..38b6fcbf4b 100644
--- a/packages/react-learn-card/src/components/CertificateDisplayCard/CertificateBackFace.tsx
+++ b/packages/react-learn-card/src/components/CertificateDisplayCard/CertificateBackFace.tsx
@@ -1,11 +1,11 @@
import React from 'react';
import { getCategoryDarkColor, getInfoFromCredential } from '../../helpers/credential.helpers';
-import { VC, VerificationItem } from '@learncard/types';
+import type { VC, VerificationItem } from '@learncard/types';
import {
- BoostAchievementCredential,
LCCategoryEnum,
- MediaMetadata,
- VideoMetadata,
+ type BoostAchievementCredential,
+ type MediaMetadata,
+ type VideoMetadata,
} from '../../types';
import VerificationsBox from './VerificationsBox';
import AlignmentsBox from './AlignmentsBox';
@@ -82,10 +82,11 @@ export const CertificateBackFace: React.FC = ({
Awarded on {createdAt}
@@ -94,11 +95,7 @@ export const CertificateBackFace: React.FC = ({
{criteria && = ({
customBodyCardComponent,
knownDIDRegistry,
hideIssueDate,
- customSkillsComponent,
+ customSkillsComponent: _customSkillsComponent,
getFileMetadata,
getVideoMetadata,
diff --git a/packages/react-learn-card/src/components/CertificateDisplayCard/CertificateFrontFace.tsx b/packages/react-learn-card/src/components/CertificateDisplayCard/CertificateFrontFace.tsx
index 326f30bbaf..26feda37ee 100644
--- a/packages/react-learn-card/src/components/CertificateDisplayCard/CertificateFrontFace.tsx
+++ b/packages/react-learn-card/src/components/CertificateDisplayCard/CertificateFrontFace.tsx
@@ -16,13 +16,12 @@ import {
getCategoryDarkColor,
} from '../../helpers/credential.helpers';
-import { VC, Profile } from '@learncard/types';
-import { BoostAchievementCredential, LCCategoryEnum } from '../../types';
+import type { VC, Profile } from '@learncard/types';
+import { LCCategoryEnum, type BoostAchievementCredential, type KnownDIDRegistryType } from '../../types';
import VerifierStateBadgeAndText, {
- VerifierState,
VERIFIER_STATES,
+ type VerifierState,
} from './VerifierStateBadgeAndText';
-import { KnownDIDRegistryType } from '../../types';
type CertificateFrontFaceProps = {
isFront?: boolean;
diff --git a/packages/react-learn-card/src/components/CertificateDisplayCard/MediaAttachmentsBox.tsx b/packages/react-learn-card/src/components/CertificateDisplayCard/MediaAttachmentsBox.tsx
index 00734da572..e34e3af147 100644
--- a/packages/react-learn-card/src/components/CertificateDisplayCard/MediaAttachmentsBox.tsx
+++ b/packages/react-learn-card/src/components/CertificateDisplayCard/MediaAttachmentsBox.tsx
@@ -6,9 +6,9 @@ import LinkIcon from '../svgs/LinkIcon';
import VideoIcon from '../svgs/VideoIcon';
import GenericDocumentIcon from '../svgs/GenericDocumentIcon';
-import { Attachment, MediaMetadata, VideoMetadata } from '../../types';
+import type { Attachment, MediaMetadata, VideoMetadata } from '../../types';
import { getBaseUrl } from '../../helpers/url.helpers';
-import { Lightbox, LightboxItem } from '../Lightbox';
+import { Lightbox, type LightboxItem } from '../Lightbox';
type MediaAttachmentsBoxProps = {
attachments: Attachment[];
@@ -177,15 +177,15 @@ const MediaAttachmentsBox: React.FC = ({
if (media.type === 'video') {
const metadata = videoMetadata[media.url];
title = (title || metadata?.title) ?? '';
- const baseUrl = getBaseUrl(media.url);
innerContent = (
diff --git a/packages/react-learn-card/src/components/CertificateDisplayCard/VerificationRow.tsx b/packages/react-learn-card/src/components/CertificateDisplayCard/VerificationRow.tsx
index 729244894b..1c1e8acea3 100644
--- a/packages/react-learn-card/src/components/CertificateDisplayCard/VerificationRow.tsx
+++ b/packages/react-learn-card/src/components/CertificateDisplayCard/VerificationRow.tsx
@@ -1,5 +1,5 @@
import React, { useState } from 'react';
-import { VerificationItem, VerificationStatusEnum } from '@learncard/types';
+import { VerificationStatusEnum, type VerificationItem } from '@learncard/types';
import { getColorForVerificationStatus } from '../../helpers/credential.helpers';
import InfoBox from './InfoBox';
diff --git a/packages/react-learn-card/src/components/CertificateDisplayCard/VerificationsBox.tsx b/packages/react-learn-card/src/components/CertificateDisplayCard/VerificationsBox.tsx
index 802155e6a9..9bd0adfab1 100644
--- a/packages/react-learn-card/src/components/CertificateDisplayCard/VerificationsBox.tsx
+++ b/packages/react-learn-card/src/components/CertificateDisplayCard/VerificationsBox.tsx
@@ -4,7 +4,7 @@ import VerificationRow from './VerificationRow';
import InfoIcon from '../svgs/InfoIcon';
import InfoBox from './InfoBox';
-import { VerificationItem } from '@learncard/types';
+import type { VerificationItem } from '@learncard/types';
type VerificationsBoxProps = {
verificationItems: VerificationItem[];
diff --git a/packages/react-learn-card/src/components/CircleCheckButton/CircleCheckButton.stories.tsx b/packages/react-learn-card/src/components/CircleCheckButton/CircleCheckButton.stories.tsx
index bb8fb7df8c..5fcd3c41e1 100644
--- a/packages/react-learn-card/src/components/CircleCheckButton/CircleCheckButton.stories.tsx
+++ b/packages/react-learn-card/src/components/CircleCheckButton/CircleCheckButton.stories.tsx
@@ -1,6 +1,6 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
-import { CircleCheckButtonProps } from '../../types';
+import type { Story, Meta } from '@storybook/react';
+import type { CircleCheckButtonProps } from '../../types';
import CircleCheckButton from './CircleCheckButton';
export default {
diff --git a/packages/react-learn-card/src/components/CircleCheckButton/CircleCheckButton.tsx b/packages/react-learn-card/src/components/CircleCheckButton/CircleCheckButton.tsx
index 530e860b0e..31c8af60d3 100644
--- a/packages/react-learn-card/src/components/CircleCheckButton/CircleCheckButton.tsx
+++ b/packages/react-learn-card/src/components/CircleCheckButton/CircleCheckButton.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { CircleCheckButtonProps } from '../../types';
+import type { CircleCheckButtonProps } from '../../types';
import { CheckmarkSvg } from '../RoundedPill';
export const CircleCheckButton: React.FC = ({
@@ -8,7 +8,7 @@ export const CircleCheckButton: React.FC = ({
bgColor,
className = '',
}) => {
- const backgroundColor = checked ? 'bg-emerald-700' : bgColor ? bgColor : 'bg-gray-50';
+ const backgroundColor = checked ? 'bg-emerald-700' : (bgColor ?? 'bg-gray-50');
const handleClick = () => {
onClick?.();
diff --git a/packages/react-learn-card/src/components/CircleIcon/__tests__/CircleIcon.test.tsx b/packages/react-learn-card/src/components/CircleIcon/__tests__/CircleIcon.test.tsx
index eada104f30..f0c2595ad1 100644
--- a/packages/react-learn-card/src/components/CircleIcon/__tests__/CircleIcon.test.tsx
+++ b/packages/react-learn-card/src/components/CircleIcon/__tests__/CircleIcon.test.tsx
@@ -1,6 +1,5 @@
import React from 'react';
import '@testing-library/jest-dom';
-import userEvent from '@testing-library/user-event';
import { render, screen } from '@testing-library/react';
import CircleIcon from '../CircleIcon';
diff --git a/packages/react-learn-card/src/components/CourseCard/CourseCard.stories.tsx b/packages/react-learn-card/src/components/CourseCard/CourseCard.stories.tsx
index 57c59a0e21..ab928ec58e 100644
--- a/packages/react-learn-card/src/components/CourseCard/CourseCard.stories.tsx
+++ b/packages/react-learn-card/src/components/CourseCard/CourseCard.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import CourseCard from './CourseCard';
-import { CourseCardProps } from '../../types';
+import type { CourseCardProps } from '../../types';
export default {
title: 'Course Card',
diff --git a/packages/react-learn-card/src/components/CourseCard/CourseCard.tsx b/packages/react-learn-card/src/components/CourseCard/CourseCard.tsx
index b48460dd40..e4c452d510 100644
--- a/packages/react-learn-card/src/components/CourseCard/CourseCard.tsx
+++ b/packages/react-learn-card/src/components/CourseCard/CourseCard.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { CourseCardProps } from '../../types';
+import type { CourseCardProps } from '../../types';
import CourseCardPlaceholder from '../../assets/images/lhplaceholder.png';
import MiniTrophyIcon from '../../assets/images/minitrophy.svg';
@@ -48,7 +48,7 @@ export const CourseCard: React.FC = ({
semester = 'Fall 2022',
jobCount = 1,
achievementCount = 4,
- thumbSrc,
+ thumbSrc: _thumbSrc,
hideHeader = false,
skillCount = 9,
className,
diff --git a/packages/react-learn-card/src/components/CourseVerticalCard/CourseVerticalCard.stories.tsx b/packages/react-learn-card/src/components/CourseVerticalCard/CourseVerticalCard.stories.tsx
index b514f1048e..42908b4f3c 100644
--- a/packages/react-learn-card/src/components/CourseVerticalCard/CourseVerticalCard.stories.tsx
+++ b/packages/react-learn-card/src/components/CourseVerticalCard/CourseVerticalCard.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import CourseVerticalCard from './CourseVerticalCard';
-import { CourseCardVerticalProps } from '../../types';
+import type { CourseCardVerticalProps } from '../../types';
export default {
title: 'Course Vertical Card',
diff --git a/packages/react-learn-card/src/components/CourseVerticalCard/CourseVerticalCard.tsx b/packages/react-learn-card/src/components/CourseVerticalCard/CourseVerticalCard.tsx
index 05690f0ef7..ea5db5664d 100644
--- a/packages/react-learn-card/src/components/CourseVerticalCard/CourseVerticalCard.tsx
+++ b/packages/react-learn-card/src/components/CourseVerticalCard/CourseVerticalCard.tsx
@@ -1,12 +1,11 @@
import React from 'react';
-import { CourseCardVerticalProps } from '../../types';
import { CircleCheckButton } from '../CircleCheckButton';
import CourseCardPlaceholder from '../../assets/images/lhplaceholder.png';
import { RoundedPill } from '../RoundedPill';
import MiniTrophyIcon from '../../assets/images/minitrophy.svg';
import MiniJobIcon from '../../assets/images/minijob.svg';
import MiniPuzzleIcon from '../../assets/images/minipuzzle.svg';
-import { LCSubtypes } from '../../types';
+import { LCSubtypes, type CourseCardVerticalProps } from '../../types';
const TYPE_TO_COURSE_MINI_ICON: any = {
['job']: MiniJobIcon,
@@ -47,7 +46,7 @@ const CourseCardStatBubble: React.FC = ({
export const CourseVerticalCard: React.FC = ({
className,
title,
- thumbImgSrc,
+ thumbImgSrc: _thumbImgSrc,
showStatus,
claimStatus = false,
achievementCount = 0,
diff --git a/packages/react-learn-card/src/components/GenericCard/GenericCard.stories.tsx b/packages/react-learn-card/src/components/GenericCard/GenericCard.stories.tsx
index f24afcd99e..446f0f8dfd 100644
--- a/packages/react-learn-card/src/components/GenericCard/GenericCard.stories.tsx
+++ b/packages/react-learn-card/src/components/GenericCard/GenericCard.stories.tsx
@@ -1,7 +1,7 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import GenericCard from './GenericCard';
-import { GenericCardProps, WalletCategoryTypes } from '../../types';
+import { WalletCategoryTypes, type GenericCardProps } from '../../types';
export default {
title: 'Generic Card',
diff --git a/packages/react-learn-card/src/components/GenericCard/GenericCard.tsx b/packages/react-learn-card/src/components/GenericCard/GenericCard.tsx
index 6ed6767913..7577db8269 100644
--- a/packages/react-learn-card/src/components/GenericCard/GenericCard.tsx
+++ b/packages/react-learn-card/src/components/GenericCard/GenericCard.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { GenericCardProps, WalletCategoryTypes } from '../../types';
+import { WalletCategoryTypes, type GenericCardProps } from '../../types';
import { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';
import { CircleCheckButton } from '../CircleCheckButton';
@@ -10,7 +10,7 @@ export const GenericCard: React.FC = ({
customHeaderClass = '',
type = WalletCategoryTypes.achievements,
className,
- onClick = () => { },
+ onClick = () => {},
showChecked,
checkStatus,
flipped,
diff --git a/packages/react-learn-card/src/components/JobHistoryCard/JobHistoryCard.stories.tsx b/packages/react-learn-card/src/components/JobHistoryCard/JobHistoryCard.stories.tsx
index c035566489..f7ba5b3aeb 100644
--- a/packages/react-learn-card/src/components/JobHistoryCard/JobHistoryCard.stories.tsx
+++ b/packages/react-learn-card/src/components/JobHistoryCard/JobHistoryCard.stories.tsx
@@ -1,7 +1,7 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import JobHistoryCard from './JobHistoryCard';
-import { JobHistoryCardProps } from '../../types';
+import type { JobHistoryCardProps } from '../../types';
export default {
title: 'Job History Card',
diff --git a/packages/react-learn-card/src/components/JobHistoryCard/JobHistoryCard.tsx b/packages/react-learn-card/src/components/JobHistoryCard/JobHistoryCard.tsx
index a066547131..921b2bbe00 100644
--- a/packages/react-learn-card/src/components/JobHistoryCard/JobHistoryCard.tsx
+++ b/packages/react-learn-card/src/components/JobHistoryCard/JobHistoryCard.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { JobHistoryCardProps } from '../../types';
+import type { JobHistoryCardProps } from '../../types';
import GenericArrow from '../svgs/GenericArrow';
export const JobHistoryCard: React.FC = ({
diff --git a/packages/react-learn-card/src/components/JobListCard/JobListCard.stories.tsx b/packages/react-learn-card/src/components/JobListCard/JobListCard.stories.tsx
index a51e875c43..e968be158e 100644
--- a/packages/react-learn-card/src/components/JobListCard/JobListCard.stories.tsx
+++ b/packages/react-learn-card/src/components/JobListCard/JobListCard.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import imgPlaceholder from '../../assets/images/photoplaceholder.png';
import JobListCard from './JobListCard';
-import { JobListCardProps } from '../../types';
+import type { JobListCardProps } from '../../types';
export default {
title: 'Job List Card',
@@ -25,7 +25,7 @@ const dummyQualificationDisplay = {
},
};
-const customButtonTest = (
+const _customButtonTest = (
diff --git a/packages/react-learn-card/src/components/JobListCard/JobListCard.tsx b/packages/react-learn-card/src/components/JobListCard/JobListCard.tsx
index 6a2c0a1142..d76cee39ce 100644
--- a/packages/react-learn-card/src/components/JobListCard/JobListCard.tsx
+++ b/packages/react-learn-card/src/components/JobListCard/JobListCard.tsx
@@ -1,7 +1,6 @@
import React from 'react';
-import { JobListCardProps } from '../../types';
import { TYPE_TO_MINI_ICON } from '../../constants/';
-import { LCSubtypes } from '../../types';
+import { LCSubtypes, type JobListCardProps } from '../../types';
const TYPE_TO_COLOR: any = {
course: 'bg-emerald-50',
@@ -53,8 +52,8 @@ export const JobListCard: React.FC = ({
postDateDisplay,
customButtonComponent,
imgThumb,
- isBookmarked,
- onBookmark,
+ isBookmarked: _isBookmarked,
+ onBookmark: _onBookmark,
onClick,
}) => {
const courseReqCount = qualificationDisplay?.courses?.totalRequiredCount;
@@ -101,7 +100,7 @@ export const JobListCard: React.FC = ({
);
- const buttonComponent = customButtonComponent ? customButtonComponent : defaultButton;
+ const buttonComponent = customButtonComponent || defaultButton;
return (
= ({
className,
diff --git a/packages/react-learn-card/src/components/LearnCardCreditCardBackFace/__tests__/LearnCardCreditCardBackFace.test.tsx b/packages/react-learn-card/src/components/LearnCardCreditCardBackFace/__tests__/LearnCardCreditCardBackFace.test.tsx
index 56f3770bbb..f3ec1a4159 100644
--- a/packages/react-learn-card/src/components/LearnCardCreditCardBackFace/__tests__/LearnCardCreditCardBackFace.test.tsx
+++ b/packages/react-learn-card/src/components/LearnCardCreditCardBackFace/__tests__/LearnCardCreditCardBackFace.test.tsx
@@ -3,7 +3,7 @@ import '@testing-library/jest-dom';
import { render, screen } from '@testing-library/react';
import LearnCardCreditCardBackFace from '../LearnCardCreditCardBackFace';
-import { LearnCardCreditCardUserProps, LearnCardCreditCardProps } from '../types';
+import type { LearnCardCreditCardUserProps, LearnCardCreditCardProps } from '../types';
describe('LearnCardCreditCardBackFace', () => {
test('Checks LearnCardCreditCardBackFace renders with props', () => {
diff --git a/packages/react-learn-card/src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.stories.tsx b/packages/react-learn-card/src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.stories.tsx
index fab4ec78e7..1569230b84 100644
--- a/packages/react-learn-card/src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.stories.tsx
+++ b/packages/react-learn-card/src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.stories.tsx
@@ -1,9 +1,9 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import LearnCardCreditCardFrontFace from './LearnCardCreditCardFrontFace';
-import { LearnCardCreditCardFrontFaceProps } from './types';
+import type { LearnCardCreditCardFrontFaceProps } from './types';
export default {
title: 'LearnCardCreditCardFrontFace',
diff --git a/packages/react-learn-card/src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.tsx b/packages/react-learn-card/src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.tsx
index 81860b9ec2..0bf49592f0 100644
--- a/packages/react-learn-card/src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.tsx
+++ b/packages/react-learn-card/src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import { QRCodeSVG } from 'qrcode.react';
-import { LearnCardCreditCardFrontFaceProps } from './types';
+import type { LearnCardCreditCardFrontFaceProps } from './types';
import CardChip from '../../assets/images/card-chip.svg';
import MasterCardLogo from '../../assets/images/master-card-logo.svg';
diff --git a/packages/react-learn-card/src/components/LearnPill/LearnPill.stories.tsx b/packages/react-learn-card/src/components/LearnPill/LearnPill.stories.tsx
index c3ee1eb396..a6787630de 100644
--- a/packages/react-learn-card/src/components/LearnPill/LearnPill.stories.tsx
+++ b/packages/react-learn-card/src/components/LearnPill/LearnPill.stories.tsx
@@ -1,8 +1,7 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
-import { LCSubtypes } from '../../types';
+import type { Story, Meta } from '@storybook/react';
+import { LCSubtypes, type LearnPillProps } from '../../types';
import LearnPill from './LearnPill';
-import { LearnPillProps } from '../../types';
export default {
title: 'LearnPill',
diff --git a/packages/react-learn-card/src/components/LearnPill/LearnPill.tsx b/packages/react-learn-card/src/components/LearnPill/LearnPill.tsx
index a1fed43dd5..9112012ab9 100644
--- a/packages/react-learn-card/src/components/LearnPill/LearnPill.tsx
+++ b/packages/react-learn-card/src/components/LearnPill/LearnPill.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { LearnPillProps, LCSubtypes } from '../../types';
+import { LCSubtypes, type LearnPillProps } from '../../types';
import { TYPE_TO_MINI_ICON } from '../../constants/';
const TYPE_TO_COLOR: any = {
diff --git a/packages/react-learn-card/src/components/Loading/CircleSpinner.tsx b/packages/react-learn-card/src/components/Loading/CircleSpinner.tsx
index 0263cd8e60..f4c33503b9 100644
--- a/packages/react-learn-card/src/components/Loading/CircleSpinner.tsx
+++ b/packages/react-learn-card/src/components/Loading/CircleSpinner.tsx
@@ -31,8 +31,8 @@ const CircleSpinner: React.FC = ({
// inner circle circumference is a ratio of the outer size
// this is the actual spinning thing you see
const spinnerStyles = {
- height: `${Math.floor(size / 1.1111111)}px`,
- width: `${Math.floor(size / 1.11111111)}px`,
+ height: `${Math.floor(size / 1.111_111_1)}px`,
+ width: `${Math.floor(size / 1.111_111_11)}px`,
border: `${thickness}px solid #fff`,
margin: `${marginOffset}px`,
borderColor: `${color}${
diff --git a/packages/react-learn-card/src/components/MeritBadgeDisplayCard/MediaAttachmentsBox.tsx b/packages/react-learn-card/src/components/MeritBadgeDisplayCard/MediaAttachmentsBox.tsx
index 14a0afe1a8..ae2fcb7d44 100644
--- a/packages/react-learn-card/src/components/MeritBadgeDisplayCard/MediaAttachmentsBox.tsx
+++ b/packages/react-learn-card/src/components/MeritBadgeDisplayCard/MediaAttachmentsBox.tsx
@@ -6,9 +6,9 @@ import LinkIcon from '../svgs/LinkIcon';
import VideoIcon from '../svgs/VideoIcon';
import GenericDocumentIcon from '../svgs/GenericDocumentIcon';
-import { Attachment, MediaMetadata, VideoMetadata } from '../../types';
+import type { Attachment, MediaMetadata, VideoMetadata } from '../../types';
import { getBaseUrl } from '../../helpers/url.helpers';
-import { Lightbox, LightboxItem } from '../Lightbox';
+import { Lightbox, type LightboxItem } from '../Lightbox';
type MediaAttachmentsBoxProps = {
attachments: Attachment[];
@@ -177,7 +177,7 @@ const MediaAttachmentsBox: React.FC = ({
if (media.type === 'video') {
const metadata = videoMetadata[media.url];
title = (title || metadata?.title) ?? '';
- const baseUrl = getBaseUrl(media.url);
+ const _baseUrl = getBaseUrl(media.url);
innerContent = (
= ({
title,
diff --git a/packages/react-learn-card/src/components/SkillVerticalCard/SkillVerticalCard.stories.tsx b/packages/react-learn-card/src/components/SkillVerticalCard/SkillVerticalCard.stories.tsx
index 16f9895811..780d0a098f 100644
--- a/packages/react-learn-card/src/components/SkillVerticalCard/SkillVerticalCard.stories.tsx
+++ b/packages/react-learn-card/src/components/SkillVerticalCard/SkillVerticalCard.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import SkillVerticalCard from './SkillVerticalCard';
-import { SkillVerticalCardProps } from '../../types';
+import type { SkillVerticalCardProps } from '../../types';
export default {
title: 'Skill Vertical Card',
diff --git a/packages/react-learn-card/src/components/SkillVerticalCard/SkillVerticalCard.tsx b/packages/react-learn-card/src/components/SkillVerticalCard/SkillVerticalCard.tsx
index e3ce9db8a8..ee7a11b697 100644
--- a/packages/react-learn-card/src/components/SkillVerticalCard/SkillVerticalCard.tsx
+++ b/packages/react-learn-card/src/components/SkillVerticalCard/SkillVerticalCard.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { SkillVerticalCardProps } from '../../types';
+import type { SkillVerticalCardProps } from '../../types';
import SkillPlaceholder from '../../assets/images/skillplaceholder.png';
export const SkillVerticalCard: React.FC = ({
diff --git a/packages/react-learn-card/src/components/SkillsCard/SkillsCard.stories.tsx b/packages/react-learn-card/src/components/SkillsCard/SkillsCard.stories.tsx
index a75bb6da4b..9bc0c8c5e0 100644
--- a/packages/react-learn-card/src/components/SkillsCard/SkillsCard.stories.tsx
+++ b/packages/react-learn-card/src/components/SkillsCard/SkillsCard.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import SkillsCard from './SkillsCard';
-import { SkillsCardProps } from '../../types';
+import type { SkillsCardProps } from '../../types';
export default {
title: 'Skills Card',
diff --git a/packages/react-learn-card/src/components/SkillsCard/SkillsCard.tsx b/packages/react-learn-card/src/components/SkillsCard/SkillsCard.tsx
index 856f5dde18..e21509784f 100644
--- a/packages/react-learn-card/src/components/SkillsCard/SkillsCard.tsx
+++ b/packages/react-learn-card/src/components/SkillsCard/SkillsCard.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { SkillsCardProps } from '../../types';
+import type { SkillsCardProps } from '../../types';
type SkillsMeterSegmentProps = {
filled?: boolean;
@@ -9,7 +9,7 @@ type SkillsMeterSegmentProps = {
export const SkillsMeterSegment: React.FC = ({
filled = false,
- className,
+ className: _className,
skillColor = 'bg-cyan-700',
}) => {
const bgColor = filled ? skillColor : 'bg-gray-200';
diff --git a/packages/react-learn-card/src/components/SkillsStatsCard/SkillsStatsCard.stories.tsx b/packages/react-learn-card/src/components/SkillsStatsCard/SkillsStatsCard.stories.tsx
index 2e28c0247d..a97423bcc1 100644
--- a/packages/react-learn-card/src/components/SkillsStatsCard/SkillsStatsCard.stories.tsx
+++ b/packages/react-learn-card/src/components/SkillsStatsCard/SkillsStatsCard.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import SkillsStatsCard from './SkillsStatsCard';
-import { SkillsStatsCardProps } from '../../types';
+import type { SkillsStatsCardProps } from '../../types';
const dummySkills = [
{
diff --git a/packages/react-learn-card/src/components/SkillsStatsCard/SkillsStatsCard.tsx b/packages/react-learn-card/src/components/SkillsStatsCard/SkillsStatsCard.tsx
index 01e1038426..9ae77e46fc 100644
--- a/packages/react-learn-card/src/components/SkillsStatsCard/SkillsStatsCard.tsx
+++ b/packages/react-learn-card/src/components/SkillsStatsCard/SkillsStatsCard.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { SkillsStatsCardProps } from '../../types';
+import type { SkillsStatsCardProps } from '../../types';
import SkillGraphPlaceholder from '../../assets/images/skillgraph.svg';
type SkillStatListItemProps = {
@@ -28,7 +28,7 @@ const SkillStatListItemIndicator: React.FC = ({
);
};
-const SkillStatListItem: React.FC = ({ name, percent, className }) => {
+const SkillStatListItem: React.FC = ({ name, percent, className: _className }) => {
const colorIndicator =
= ({
Awarded on {createdAt}
@@ -94,11 +95,7 @@ export const MeritBadgeBackFace: React.FC = ({
{criteria && = ({
customBodyCardComponent,
knownDIDRegistry,
hideIssueDate,
- customSkillsComponent,
+ customSkillsComponent: _customSkillsComponent,
getFileMetadata,
getVideoMetadata,
diff --git a/packages/react-learn-card/src/components/MeritBadgeDisplayCard/MeritBadgeFrontFace.tsx b/packages/react-learn-card/src/components/MeritBadgeDisplayCard/MeritBadgeFrontFace.tsx
index 9cefe130ea..9c056f7d0e 100644
--- a/packages/react-learn-card/src/components/MeritBadgeDisplayCard/MeritBadgeFrontFace.tsx
+++ b/packages/react-learn-card/src/components/MeritBadgeDisplayCard/MeritBadgeFrontFace.tsx
@@ -2,7 +2,6 @@ import React from 'react';
import MeritBadgeCornerIcon from './MeritBadgeCornerIcon';
import MeritBadgeImageDisplay from './MeritBadgeImageDisplay';
-import MeritBadgeSkillsCount from './MeritBadgeSkillsCount';
import MeritBadgeProfileImageDisplay from './MeritBadgeProfileImageDisplay';
import Smiley from '../svgs/Smiley';
@@ -16,13 +15,16 @@ import {
getCategoryDarkColor,
} from '../../helpers/credential.helpers';
-import { VC, Profile } from '@learncard/types';
-import { BoostAchievementCredential, LCCategoryEnum } from '../../types';
+import type { VC, Profile } from '@learncard/types';
+import {
+ LCCategoryEnum,
+ type BoostAchievementCredential,
+ type KnownDIDRegistryType,
+} from '../../types';
import VerifierStateBadgeAndText, {
- VerifierState,
VERIFIER_STATES,
+ type VerifierState,
} from '../CertificateDisplayCard/VerifierStateBadgeAndText';
-import { KnownDIDRegistryType } from '../../types';
type MeritBadgeFrontFaceProps = {
isFront?: boolean;
@@ -41,7 +43,6 @@ type MeritBadgeFrontFaceProps = {
};
export const MeritBadgeFrontFace: React.FC = ({
- isFront,
credential,
categoryType,
issuerOverride,
@@ -50,9 +51,7 @@ export const MeritBadgeFrontFace: React.FC = ({
subjectImageComponent,
issuerImageComponent,
customBodyCardComponent,
- hideIssueDate,
handleViewBackFace,
- showDetailsBtn = false,
formattedDisplayType,
}) => {
const {
@@ -67,8 +66,6 @@ export const MeritBadgeFrontFace: React.FC = ({
const issuee = issueeOverride || _issuee;
const issuer = issuerOverride || _issuer;
- const { description } = credentialSubject?.achievement ?? {};
-
const credentialLightColor = getCategoryLightColor(categoryType); // 500
const credentialDarkColor = getCategoryDarkColor(categoryType); // 700
@@ -119,7 +116,6 @@ export const MeritBadgeFrontFace: React.FC = ({
verifierState = VERIFIER_STATES.unknownVerifier;
}
}
- const isSelfVerified = verifierState === VERIFIER_STATES.selfVerified;
const issueeImageExists = issueeImage || subjectImageComponent;
diff --git a/packages/react-learn-card/src/components/MeritBadgeDisplayCard/VerificationRow.tsx b/packages/react-learn-card/src/components/MeritBadgeDisplayCard/VerificationRow.tsx
index 729244894b..1c1e8acea3 100644
--- a/packages/react-learn-card/src/components/MeritBadgeDisplayCard/VerificationRow.tsx
+++ b/packages/react-learn-card/src/components/MeritBadgeDisplayCard/VerificationRow.tsx
@@ -1,5 +1,5 @@
import React, { useState } from 'react';
-import { VerificationItem, VerificationStatusEnum } from '@learncard/types';
+import { VerificationStatusEnum, type VerificationItem } from '@learncard/types';
import { getColorForVerificationStatus } from '../../helpers/credential.helpers';
import InfoBox from './InfoBox';
diff --git a/packages/react-learn-card/src/components/MeritBadgeDisplayCard/VerificationsBox.tsx b/packages/react-learn-card/src/components/MeritBadgeDisplayCard/VerificationsBox.tsx
index 802155e6a9..9bd0adfab1 100644
--- a/packages/react-learn-card/src/components/MeritBadgeDisplayCard/VerificationsBox.tsx
+++ b/packages/react-learn-card/src/components/MeritBadgeDisplayCard/VerificationsBox.tsx
@@ -4,7 +4,7 @@ import VerificationRow from './VerificationRow';
import InfoIcon from '../svgs/InfoIcon';
import InfoBox from './InfoBox';
-import { VerificationItem } from '@learncard/types';
+import type { VerificationItem } from '@learncard/types';
type VerificationsBoxProps = {
verificationItems: VerificationItem[];
diff --git a/packages/react-learn-card/src/components/MiniVCThumbnail/ MiniVCThumbnail.stories.tsx b/packages/react-learn-card/src/components/MiniVCThumbnail/ MiniVCThumbnail.stories.tsx
index 618b220292..14dafdd639 100644
--- a/packages/react-learn-card/src/components/MiniVCThumbnail/ MiniVCThumbnail.stories.tsx
+++ b/packages/react-learn-card/src/components/MiniVCThumbnail/ MiniVCThumbnail.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import MiniVCThumbnail from './MiniVCThumbnail';
-import { MiniVCThumbnailProps } from './types';
+import type { MiniVCThumbnailProps } from './types';
export default {
title: 'MiniVCThumbnail',
diff --git a/packages/react-learn-card/src/components/MiniVCThumbnail/MiniVCThumbnail.tsx b/packages/react-learn-card/src/components/MiniVCThumbnail/MiniVCThumbnail.tsx
index 677c47c91f..09f3d8d96d 100644
--- a/packages/react-learn-card/src/components/MiniVCThumbnail/MiniVCThumbnail.tsx
+++ b/packages/react-learn-card/src/components/MiniVCThumbnail/MiniVCThumbnail.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import VerifiedCheck from '../../assets/images/verified-check.png';
-import { MiniVCThumbnailProps } from './types';
+import type { MiniVCThumbnailProps } from './types';
export const MiniVCThumbnail: React.FC = ({
title,
diff --git a/packages/react-learn-card/src/components/Notification/Notification.stories.tsx b/packages/react-learn-card/src/components/Notification/Notification.stories.tsx
index 6af4245c93..e56dbe8a81 100644
--- a/packages/react-learn-card/src/components/Notification/Notification.stories.tsx
+++ b/packages/react-learn-card/src/components/Notification/Notification.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import Notification from './Notification';
-import { NotificationProps } from './types';
+import type { NotificationProps } from './types';
import { NotificationTypeEnum } from '../../constants/notifications';
export default {
diff --git a/packages/react-learn-card/src/components/Notification/Notification.tsx b/packages/react-learn-card/src/components/Notification/Notification.tsx
index a30f3b55ed..aa17e282f3 100644
--- a/packages/react-learn-card/src/components/Notification/Notification.tsx
+++ b/packages/react-learn-card/src/components/Notification/Notification.tsx
@@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react';
-import { NotificationProps, NotificationTypeStyles } from './types';
+import { NotificationTypeStyles, type NotificationProps } from './types';
import { NotificationTypeEnum } from '../../constants/notifications';
import Checkmark from '../svgs/Checkmark';
@@ -39,7 +39,7 @@ export const Notification: React.FC = ({
const claimButtonStyles = isClaimed ? claimedButtonStyles : unclaimedButtonStyles;
- let buttonText: string = '';
+ let buttonText = '';
if (isClaimed) {
buttonText = 'Claimed';
diff --git a/packages/react-learn-card/src/components/Notification/types.ts b/packages/react-learn-card/src/components/Notification/types.ts
index e23048761a..0a19144de7 100644
--- a/packages/react-learn-card/src/components/Notification/types.ts
+++ b/packages/react-learn-card/src/components/Notification/types.ts
@@ -20,8 +20,9 @@ export type NotificationProps = {
loadingState: boolean;
};
-export const NotificationTypeStyles: {
- [key: NotificationTypeEnum | string]: {
+export const NotificationTypeStyles: Record<
+ NotificationTypeEnum | string,
+ {
viewButtonStyles: string;
unclaimedButtonStyles: string;
claimedButtonStyles: string;
@@ -29,8 +30,8 @@ export const NotificationTypeStyles: {
iconCircleStyles: string;
IconComponent: any;
typeText: string;
- };
-} = {
+ }
+> = {
[NotificationTypeEnum.Currency]: {
viewButtonStyles: 'border-cyan-400 text-cyan-400',
unclaimedButtonStyles: 'text-white bg-cyan-400 border-cyan-400 shadow-bottom',
diff --git a/packages/react-learn-card/src/components/NotificationBoostCard/NotificationBoostCard.stories.tsx b/packages/react-learn-card/src/components/NotificationBoostCard/NotificationBoostCard.stories.tsx
index f502ce9c10..0ba43308a3 100644
--- a/packages/react-learn-card/src/components/NotificationBoostCard/NotificationBoostCard.stories.tsx
+++ b/packages/react-learn-card/src/components/NotificationBoostCard/NotificationBoostCard.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import NotificationBoostCard from './NotificationBoostCard';
-import { NotificationBoostCardProps } from './types';
+import type { NotificationBoostCardProps } from './types';
import { NotificationTypeEnum } from '../../constants/notifications';
export default {
diff --git a/packages/react-learn-card/src/components/NotificationBoostCard/NotificationBoostCard.tsx b/packages/react-learn-card/src/components/NotificationBoostCard/NotificationBoostCard.tsx
index ef1adfab3b..6c02b7d83b 100644
--- a/packages/react-learn-card/src/components/NotificationBoostCard/NotificationBoostCard.tsx
+++ b/packages/react-learn-card/src/components/NotificationBoostCard/NotificationBoostCard.tsx
@@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react';
import X from '../../assets/images/X.svg';
-import { NotificationBoostCardProps } from './types';
+import type { NotificationBoostCardProps } from './types';
import { NotificationTypeStyles } from '../Notification/types';
import { NotificationTypeEnum } from '../../constants/notifications';
import DefaultFace from '../../assets/images/default-face.jpeg';
@@ -23,8 +23,8 @@ export const NotificationBoostCard: React.FC = ({
showIssuerInfo = true,
isArchived,
}) => {
- const [isClaimed, setIsClaimed] = useState(claimStatus || false);
- const [isLoading, setIsLoading] = useState(loadingState || false);
+ const [isClaimed, setIsClaimed] = useState(claimStatus);
+ const [isLoading, setIsLoading] = useState(loadingState);
useEffect(() => {
setIsClaimed(claimStatus);
@@ -45,11 +45,11 @@ export const NotificationBoostCard: React.FC = ({
const claimButtonStyles = isClaimed ? claimedButtonStyles : unclaimedButtonStyles;
- let buttonText: string = '';
+ let buttonText = '';
if (isClaimed) {
buttonText = 'Claimed';
- } else if (!isClaimed) {
+ } else {
buttonText = 'Claim';
}
diff --git a/packages/react-learn-card/src/components/NotificationBoostCard/types.ts b/packages/react-learn-card/src/components/NotificationBoostCard/types.ts
index fb249de44a..687a752c44 100644
--- a/packages/react-learn-card/src/components/NotificationBoostCard/types.ts
+++ b/packages/react-learn-card/src/components/NotificationBoostCard/types.ts
@@ -1,6 +1,6 @@
-import { NotificationTypeEnum } from '../../constants/notifications';
+import type { NotificationTypeEnum } from '../../constants/notifications';
-export interface NotificationIssuerMeta {
+export type NotificationIssuerMeta = {
image?: string;
fullName?: string;
profileId?: string;
diff --git a/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/NotificationUserAcceptedBoostCard.stories.tsx b/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/NotificationUserAcceptedBoostCard.stories.tsx
index 75f7028b3e..e927275abe 100644
--- a/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/NotificationUserAcceptedBoostCard.stories.tsx
+++ b/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/NotificationUserAcceptedBoostCard.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import NotificationUserAcceptedBoostCard from './NotificationUserAcceptedBoostCard';
-import { NotificationUserAcceptedBoostCardProps } from './types';
+import type { NotificationUserAcceptedBoostCardProps } from './types';
import { UserNotificationTypeEnum } from '../../constants/notifications';
export default {
diff --git a/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/NotificationUserAcceptedBoostCard.tsx b/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/NotificationUserAcceptedBoostCard.tsx
index 90127aa7a8..0970ef8513 100644
--- a/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/NotificationUserAcceptedBoostCard.tsx
+++ b/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/NotificationUserAcceptedBoostCard.tsx
@@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react';
import X from '../../assets/images/X.svg';
-import { NotificationUserAcceptedBoostCardProps } from './types';
+import type { NotificationUserAcceptedBoostCardProps } from './types';
import { UserNotificationTypeStyles } from '../NotificationUserCard/types';
import { UserNotificationTypeEnum } from '../../constants/notifications';
@@ -19,7 +19,7 @@ export const NotificationUserAcceptedBoostCard: React.FC<
handleCancelClick,
isArchived,
}) => {
- const [isLoading, setIsLoading] = useState(loadingState || false);
+ const [_isLoading, setIsLoading] = useState(loadingState);
useEffect(() => {
setIsLoading(loadingState);
diff --git a/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/types.ts b/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/types.ts
index 27747316c6..390b955bb9 100644
--- a/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/types.ts
+++ b/packages/react-learn-card/src/components/NotificationUserAcceptedBoostCard/types.ts
@@ -1,4 +1,4 @@
-import { UserNotificationTypeEnum } from '../../constants/notifications';
+import type { UserNotificationTypeEnum } from '../../constants/notifications';
export type NotificationUserAcceptedBoostCardProps = {
className?: string;
diff --git a/packages/react-learn-card/src/components/NotificationUserCard/NotificationUserCard.stories.tsx b/packages/react-learn-card/src/components/NotificationUserCard/NotificationUserCard.stories.tsx
index 900b5b0b72..78a41b3e8c 100644
--- a/packages/react-learn-card/src/components/NotificationUserCard/NotificationUserCard.stories.tsx
+++ b/packages/react-learn-card/src/components/NotificationUserCard/NotificationUserCard.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import NotificationUserCard from './NotificationUserCard';
-import { NotificationUserCardProps } from './types';
+import type { NotificationUserCardProps } from './types';
export default {
title: 'NotificationUserCard',
diff --git a/packages/react-learn-card/src/components/NotificationUserCard/NotificationUserCard.tsx b/packages/react-learn-card/src/components/NotificationUserCard/NotificationUserCard.tsx
index f424d32447..e61328f333 100644
--- a/packages/react-learn-card/src/components/NotificationUserCard/NotificationUserCard.tsx
+++ b/packages/react-learn-card/src/components/NotificationUserCard/NotificationUserCard.tsx
@@ -1,9 +1,8 @@
import React, { useState, useEffect } from 'react';
import X from '../../assets/images/X.svg';
-import { NotificationUserCardProps, UserNotificationTypeStyles } from './types';
+import { UserNotificationTypeStyles, type NotificationUserCardProps } from './types';
import { UserNotificationTypeEnum } from '../../constants/notifications';
-import DefaultFace from '../../assets/images/default-face.jpeg';
import Checkmark from '../svgs/Checkmark';
import ArrowArcLeft from '../../assets/images/ArrowArcLeft.svg';
@@ -35,7 +34,7 @@ export const NotificationUserCard: React.FC = ({
const claimButtonStyles = isAccepted ? claimedButtonStyles : unclaimedButtonStyles;
- let buttonText: string = '';
+ let buttonText = '';
if (isAccepted) {
buttonText = 'Accepted';
diff --git a/packages/react-learn-card/src/components/NotificationUserCard/types.ts b/packages/react-learn-card/src/components/NotificationUserCard/types.ts
index 7b4f5ebc3d..0bc034ea3b 100644
--- a/packages/react-learn-card/src/components/NotificationUserCard/types.ts
+++ b/packages/react-learn-card/src/components/NotificationUserCard/types.ts
@@ -14,16 +14,17 @@ export type NotificationUserCardProps = {
isArchived?: boolean;
};
-export const UserNotificationTypeStyles: {
- [key: UserNotificationTypeEnum | string]: {
+export const UserNotificationTypeStyles: Record<
+ UserNotificationTypeEnum | string,
+ {
viewButtonStyles: string;
unclaimedButtonStyles: string;
claimedButtonStyles: string;
textStyles: string;
iconCircleStyles: string;
typeText?: string;
- };
-} = {
+ }
+> = {
[UserNotificationTypeEnum.ConnectionRequest]: {
viewButtonStyles: 'border-indigo-600 text-indigo-400',
unclaimedButtonStyles: 'text-white bg-indigo-600 border-indigo-600 shadow-bottom',
diff --git a/packages/react-learn-card/src/components/QRCodeCard/QRCodeCard.stories.tsx b/packages/react-learn-card/src/components/QRCodeCard/QRCodeCard.stories.tsx
index 7a8c4bafe3..f88fad4e79 100644
--- a/packages/react-learn-card/src/components/QRCodeCard/QRCodeCard.stories.tsx
+++ b/packages/react-learn-card/src/components/QRCodeCard/QRCodeCard.stories.tsx
@@ -1,9 +1,9 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import QRCodeCard from './QRCodeCard';
-import { QRCodeCardProps } from './types';
+import type { QRCodeCardProps } from './types';
export default {
title: 'QRCodeCard',
diff --git a/packages/react-learn-card/src/components/QRCodeCard/QRCodeCard.tsx b/packages/react-learn-card/src/components/QRCodeCard/QRCodeCard.tsx
index 0e6bbc9b61..168e510b29 100644
--- a/packages/react-learn-card/src/components/QRCodeCard/QRCodeCard.tsx
+++ b/packages/react-learn-card/src/components/QRCodeCard/QRCodeCard.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import { QRCodeSVG } from 'qrcode.react';
-import { QRCodeCardProps } from './types';
+import type { QRCodeCardProps } from './types';
export const QRCodeCard: React.FC = ({
userHandle,
diff --git a/packages/react-learn-card/src/components/RoundedPill/RoundedPill.stories.tsx b/packages/react-learn-card/src/components/RoundedPill/RoundedPill.stories.tsx
index cec6779b7e..5b0c7151ff 100644
--- a/packages/react-learn-card/src/components/RoundedPill/RoundedPill.stories.tsx
+++ b/packages/react-learn-card/src/components/RoundedPill/RoundedPill.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import RoundedPill from './RoundedPill';
-import { RoundedPillProps } from '../../types';
+import type { RoundedPillProps } from '../../types';
export default {
title: 'Rounded Pill',
diff --git a/packages/react-learn-card/src/components/RoundedPill/RoundedPill.tsx b/packages/react-learn-card/src/components/RoundedPill/RoundedPill.tsx
index 9ebf8c113e..29bbf0b83f 100644
--- a/packages/react-learn-card/src/components/RoundedPill/RoundedPill.tsx
+++ b/packages/react-learn-card/src/components/RoundedPill/RoundedPill.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import { TYPE_TO_ICON } from '../../constants/icons';
-import { RoundedPillProps } from '../../types';
+import type { RoundedPillProps } from '../../types';
const TYPE_TO_BG_COLOR_CLASS: any = {
skill: 'indigo-50',
diff --git a/packages/react-learn-card/src/components/RoundedSquare/RoundedSquare.stories.tsx b/packages/react-learn-card/src/components/RoundedSquare/RoundedSquare.stories.tsx
index 0162c6d79a..c0f959161a 100644
--- a/packages/react-learn-card/src/components/RoundedSquare/RoundedSquare.stories.tsx
+++ b/packages/react-learn-card/src/components/RoundedSquare/RoundedSquare.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import RoundedSquare from './RoundedSquare';
-import { RoundedSquareProps, Icons, WalletCategoryTypes } from '../../types';
+import { Icons, WalletCategoryTypes, type RoundedSquareProps } from '../../types';
import { ICONS_TO_SOURCE } from '../../constants/icons';
export default {
diff --git a/packages/react-learn-card/src/components/RoundedSquare/constants.ts b/packages/react-learn-card/src/components/RoundedSquare/constants.ts
index 75f5b59d4f..6ef3cba4c4 100644
--- a/packages/react-learn-card/src/components/RoundedSquare/constants.ts
+++ b/packages/react-learn-card/src/components/RoundedSquare/constants.ts
@@ -1,6 +1,5 @@
import coinsGraphic from '../../assets/images/walletcurrency.webp';
import idsGraphic from '../../assets/images/walletids.webp';
-import jobhistoryGraphic from '../../assets/images/walletjobhistory.webp';
import learningHistoryGraphic from '../../assets/images/backpack.png';
import skillsGraphic from '../../assets/images/walletskills.webp';
import achievementsGraphic from '../../assets/images/walletTrophy.png';
diff --git a/packages/react-learn-card/src/components/SchoolIdCard/SchoolIDCard.stories.tsx b/packages/react-learn-card/src/components/SchoolIdCard/SchoolIDCard.stories.tsx
index 568fc7961d..77cf8ab7f3 100644
--- a/packages/react-learn-card/src/components/SchoolIdCard/SchoolIDCard.stories.tsx
+++ b/packages/react-learn-card/src/components/SchoolIdCard/SchoolIDCard.stories.tsx
@@ -1,9 +1,9 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import MotlowBuckCardBG from '../../assets/images/motlow-buckcard-bg.svg';
import SchoolIDCard from './SchoolIDCard';
-import { SchoolIDCardProps } from './types';
+import type { SchoolIDCardProps } from './types';
export default {
title: 'SchoolIDCard',
diff --git a/packages/react-learn-card/src/components/SchoolIdCard/SchoolIDCard.tsx b/packages/react-learn-card/src/components/SchoolIdCard/SchoolIDCard.tsx
index 552a9d0473..64c7e1a137 100644
--- a/packages/react-learn-card/src/components/SchoolIdCard/SchoolIDCard.tsx
+++ b/packages/react-learn-card/src/components/SchoolIdCard/SchoolIDCard.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import Barcode from 'react-barcode';
-import { SchoolIDCardProps } from './types';
+import type { SchoolIDCardProps } from './types';
export const SchoolIDCard: React.FC = ({
userImage,
@@ -49,7 +49,7 @@ export const SchoolIDCard: React.FC = ({
{issueeImageEl}
diff --git a/packages/react-learn-card/src/components/SkillTabCard/SkillTabCard.stories.tsx b/packages/react-learn-card/src/components/SkillTabCard/SkillTabCard.stories.tsx
index 2228bf9fc9..66400458b5 100644
--- a/packages/react-learn-card/src/components/SkillTabCard/SkillTabCard.stories.tsx
+++ b/packages/react-learn-card/src/components/SkillTabCard/SkillTabCard.stories.tsx
@@ -1,7 +1,7 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import SkillTabCard from './SkillTabCard';
-import { SkillTabCardProps } from '../../types';
+import type { SkillTabCardProps } from '../../types';
export default {
title: 'SkillTabCard',
diff --git a/packages/react-learn-card/src/components/SkillTabCard/SkillTabCard.tsx b/packages/react-learn-card/src/components/SkillTabCard/SkillTabCard.tsx
index 6e2120e610..d904a39666 100644
--- a/packages/react-learn-card/src/components/SkillTabCard/SkillTabCard.tsx
+++ b/packages/react-learn-card/src/components/SkillTabCard/SkillTabCard.tsx
@@ -1,8 +1,7 @@
import React from 'react';
import { RoundedPill } from '../RoundedPill';
-import { LCSubtypes } from '../../types';
import { CircleCheckButton } from '../CircleCheckButton';
-import { SkillTabCardProps } from '../../types';
+import { LCSubtypes, type SkillTabCardProps } from '../../types';
export const SkillTabCard: React.FC
{userName &&
{userName}
} - {textEl && textEl} + {textEl}
@@ -41,7 +41,7 @@ const SkillStatListItem: React.FC = ({ name, percent, cl
);
};
-const MoreSkillsListItem: React.FC = ({ count, percent, className }) => {
+const MoreSkillsListItem: React.FC = ({ count, percent, className: _className }) => {
const colorIndicator =
diff --git a/packages/react-learn-card/src/components/SmallAchievementCard/SmallAchievementCard.stories.tsx b/packages/react-learn-card/src/components/SmallAchievementCard/SmallAchievementCard.stories.tsx
index 625da8ee47..6663291dff 100644
--- a/packages/react-learn-card/src/components/SmallAchievementCard/SmallAchievementCard.stories.tsx
+++ b/packages/react-learn-card/src/components/SmallAchievementCard/SmallAchievementCard.stories.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
import SmallVCCard from './SmallAchievementCard';
-import { SmallAchievementCardProps } from '../../types';
+import type { SmallAchievementCardProps } from '../../types';
export default {
title: 'Mini Achievement Display Card',
diff --git a/packages/react-learn-card/src/components/SmallAchievementCard/SmallAchievementCard.tsx b/packages/react-learn-card/src/components/SmallAchievementCard/SmallAchievementCard.tsx
index 467f8fcbcc..03063de9a3 100644
--- a/packages/react-learn-card/src/components/SmallAchievementCard/SmallAchievementCard.tsx
+++ b/packages/react-learn-card/src/components/SmallAchievementCard/SmallAchievementCard.tsx
@@ -1,13 +1,12 @@
import React from 'react';
-import { SmallAchievementCardProps } from '../../types';
-import { RoundedPill } from '../RoundedPill';
+import type { SmallAchievementCardProps } from '../../types';
import { Trophy } from '../svgs';
export const SmallAchievementCard: React.FC = ({
title = 'Title Lorem Ipsum',
thumbImgSrc,
date = 'Apr 20, 2022',
- showStatus = false,
+ showStatus: _showStatus = false,
onClick = () => {},
}) => {
const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';
diff --git a/packages/react-learn-card/src/components/VCCard/VCCard.stories.tsx b/packages/react-learn-card/src/components/VCCard/VCCard.stories.tsx
index 5d7e7304fb..a120ac4f57 100644
--- a/packages/react-learn-card/src/components/VCCard/VCCard.stories.tsx
+++ b/packages/react-learn-card/src/components/VCCard/VCCard.stories.tsx
@@ -1,7 +1,7 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
-import VCCard, { VCCardProps } from './VCCard';
+import VCCard, { type VCCardProps } from './VCCard';
import {
JffCredential,
// simpleConvertTagsToSkills,
diff --git a/packages/react-learn-card/src/components/VCCard/VCCard.tsx b/packages/react-learn-card/src/components/VCCard/VCCard.tsx
index 09c8751576..dd2429577e 100644
--- a/packages/react-learn-card/src/components/VCCard/VCCard.tsx
+++ b/packages/react-learn-card/src/components/VCCard/VCCard.tsx
@@ -1,14 +1,14 @@
import React, { useState, useEffect } from 'react';
import { initLearnCard } from '@learncard/init';
-import { VC, Profile, VerificationItem } from '@learncard/types';
+import type { VC, Profile, VerificationItem } from '@learncard/types';
import { VCDisplayCard } from '../VCDisplayCard';
import {
VCDisplayCard2,
- CredentialIconType,
+ type CredentialIconType,
} from '../VCDisplayCard2';
-import { MediaMetadata, VideoMetadata } from '../../types';
+import type { MediaMetadata, VideoMetadata } from '../../types';
export type VCCardProps = {
credential: VC;
diff --git a/packages/react-learn-card/src/components/VCDisplayBackFace/VCDisplayBackFace.tsx b/packages/react-learn-card/src/components/VCDisplayBackFace/VCDisplayBackFace.tsx
index dc670457a3..23f5d757d3 100644
--- a/packages/react-learn-card/src/components/VCDisplayBackFace/VCDisplayBackFace.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayBackFace/VCDisplayBackFace.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { VCDisplayCardProps } from '../../types';
+import type { VCDisplayCardProps } from '../../types';
import { VCVerificationCheckWithText } from '../VCVerificationCheck/VCVerificationCheck';
import VCVerificationPill from '../VCVerificationPill/VCVerificationPill';
import FlipArrowRight from '../../assets/images/ArrowArcRight.svg';
@@ -55,7 +55,7 @@ export const VCDisplayBackFace: React.FC = ({
);
- const renderDetails = overrideDetailsComponent ? overrideDetailsComponent : defaultDetails;
+ const renderDetails = overrideDetailsComponent ?? defaultDetails;
return (
= ({
-
+
{verification.map(item => (
diff --git a/packages/react-learn-card/src/components/VCDisplayCard/VCDisplayCard.stories.tsx b/packages/react-learn-card/src/components/VCDisplayCard/VCDisplayCard.stories.tsx
index 9b40df4e3c..4728cb2fd7 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard/VCDisplayCard.stories.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard/VCDisplayCard.stories.tsx
@@ -1,7 +1,7 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
-import VCDisplayCard, { VCDisplayCardPropsReal } from './VCDisplayCard';
+import VCDisplayCard, { type VCDisplayCardPropsReal } from './VCDisplayCard';
import { VerificationStatusEnum } from '@learncard/types';
import { VC2CredentialWithValidFrom, VC2CredentialNoDate } from '../../helpers/test.helpers';
diff --git a/packages/react-learn-card/src/components/VCDisplayCard/VCDisplayCard.tsx b/packages/react-learn-card/src/components/VCDisplayCard/VCDisplayCard.tsx
index 2b81b6d253..7f01a7bbf0 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard/VCDisplayCard.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard/VCDisplayCard.tsx
@@ -1,5 +1,5 @@
import React, { useState } from 'react';
-import { AchievementCredential, VC, Profile, VerificationItem } from '@learncard/types';
+import type { AchievementCredential, VC, Profile, VerificationItem } from '@learncard/types';
import FlippyCard from '../FlippyCard/FlippyCard';
import VCDisplayFrontFace from '../VCDisplayFrontFace/VCDisplayFrontFace';
diff --git a/packages/react-learn-card/src/components/VCDisplayCard2/FitText.tsx b/packages/react-learn-card/src/components/VCDisplayCard2/FitText.tsx
index 2f1f0a3772..6cf6fb6afb 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard2/FitText.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard2/FitText.tsx
@@ -1,6 +1,6 @@
import React, { useEffect, useRef } from 'react';
-interface FitTextProps {
+type FitTextProps = {
text: string;
width: string;
className?: string;
diff --git a/packages/react-learn-card/src/components/VCDisplayCard2/IssueHistoryBox.tsx b/packages/react-learn-card/src/components/VCDisplayCard2/IssueHistoryBox.tsx
index c2e79d40b5..51efe92310 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard2/IssueHistoryBox.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard2/IssueHistoryBox.tsx
@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
+import React from 'react';
import DefaultFace from '../../assets/images/default-face.jpeg';
-import { IssueHistory } from '../../types';
+import type { IssueHistory } from '../../types';
type SkillsBoxProps = {
issueHistory: IssueHistory[];
@@ -40,7 +40,7 @@ const IssueHistoryBox: React.FC = ({
return (
);
};
diff --git a/packages/react-learn-card/src/components/VCDisplayCard2/MediaAttachmentsBox.tsx b/packages/react-learn-card/src/components/VCDisplayCard2/MediaAttachmentsBox.tsx
index ed364fd9f2..31aee21b53 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard2/MediaAttachmentsBox.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard2/MediaAttachmentsBox.tsx
@@ -6,9 +6,9 @@ import LinkIcon from '../svgs/LinkIcon';
import VideoIcon from '../svgs/VideoIcon';
import GenericDocumentIcon from '../svgs/GenericDocumentIcon';
-import { Attachment, MediaMetadata, VideoMetadata } from '../../types';
+import type { Attachment, MediaMetadata, VideoMetadata } from '../../types';
import { getBaseUrl } from '../../helpers/url.helpers';
-import { Lightbox, LightboxItem } from '../Lightbox';
+import { Lightbox, type LightboxItem } from '../Lightbox';
type MediaAttachmentsBoxProps = {
attachments: Attachment[];
diff --git a/packages/react-learn-card/src/components/VCDisplayCard2/SelectedSkills.tsx b/packages/react-learn-card/src/components/VCDisplayCard2/SelectedSkills.tsx
index 663d655b28..a6733de642 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard2/SelectedSkills.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard2/SelectedSkills.tsx
@@ -4,12 +4,10 @@ import TopLevelSkill from './TopLevelSkill';
import Subskill from './Subskill';
import {
- boostCMSSKillCategories,
- BoostCMSSKillsCategoryEnum,
- BoostCMSCategorySkillEnum,
- BoostCMSSubSkillEnum,
- CATEGORY_TO_SKILLS,
SKILLS_TO_SUBSKILLS,
+ type BoostCMSSKillsCategoryEnum,
+ type BoostCMSCategorySkillEnum,
+ type BoostCMSSubSkillEnum
} from '../../constants/skills';
export const SelectedSkills: React.FC<{
diff --git a/packages/react-learn-card/src/components/VCDisplayCard2/SkillsBox.tsx b/packages/react-learn-card/src/components/VCDisplayCard2/SkillsBox.tsx
index 534f29513a..2eb276e90a 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard2/SkillsBox.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard2/SkillsBox.tsx
@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
+import React from 'react';
import {
boostCMSSKillCategories,
- BoostCMSSKillsCategoryEnum,
CATEGORY_TO_SKILLS,
SKILLS_TO_SUBSKILLS,
+ type BoostCMSSKillsCategoryEnum,
} from '../../constants/skills';
import SelectedSkills from './SelectedSkills';
@@ -25,13 +25,13 @@ const SkillsBox: React.FC<{
{skills.length > 0 && (
Issue Log
- {!customIssueHistoryComponent ? renderIssueHistory : customIssueHistoryComponent} + {customIssueHistoryComponent ?? renderIssueHistory}
{skills.map((_skill, index) => {
- const category = boostCMSSKillCategories.find(
+ const _category = boostCMSSKillCategories.find(
c => c.type === _skill.category
);
const skill: any = CATEGORY_TO_SKILLS[
_skill.category as BoostCMSSKillsCategoryEnum
].find(s => s.type === _skill.skill);
- const subSkills = SKILLS_TO_SUBSKILLS[_skill.skill];
+ const _subSkills = SKILLS_TO_SUBSKILLS[_skill.skill];
const selectedSkills = skills ?? [];
const skillSelected: any = selectedSkills.find(s => s.skill === skill.type);
diff --git a/packages/react-learn-card/src/components/VCDisplayCard2/Subskill.tsx b/packages/react-learn-card/src/components/VCDisplayCard2/Subskill.tsx
index 5017a95723..ccf5767e47 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard2/Subskill.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard2/Subskill.tsx
@@ -1,10 +1,10 @@
import React from 'react';
import {
- BoostCMSCategorySkillEnum,
boostCMSSKillCategories,
- BoostCMSSKillsCategoryEnum,
- BoostCMSSubSkillEnum,
+ type BoostCMSCategorySkillEnum,
+ type BoostCMSSKillsCategoryEnum,
+ type BoostCMSSubSkillEnum,
} from '../../constants/skills';
const Subskill: React.FC<{
@@ -23,8 +23,8 @@ const Subskill: React.FC<{
type: BoostCMSSubSkillEnum | string;
};
subskillSelected: boolean;
-}> = ({ subskillSelected, skill, subSkill }) => {
- const { title, IconComponent, type, category } = skill;
+}> = ({ subskillSelected: _subskillSelected, skill, subSkill }) => {
+ const { title: _title, IconComponent, type: _type, category } = skill;
const _category = boostCMSSKillCategories.find(c => c.type === category);
diff --git a/packages/react-learn-card/src/components/VCDisplayCard2/TopLevelSkill.tsx b/packages/react-learn-card/src/components/VCDisplayCard2/TopLevelSkill.tsx
index 3fbe59f112..e36557686a 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard2/TopLevelSkill.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard2/TopLevelSkill.tsx
@@ -1,10 +1,10 @@
import React from 'react';
import {
- BoostCMSCategorySkillEnum,
boostCMSSKillCategories,
- BoostCMSSKillsCategoryEnum,
- BoostCMSSubSkillEnum,
+ type BoostCMSCategorySkillEnum,
+ type BoostCMSSKillsCategoryEnum,
+ type BoostCMSSubSkillEnum,
} from '../../constants/skills';
const TopLevelSkill: React.FC<{
@@ -25,7 +25,7 @@ const TopLevelSkill: React.FC<{
handleExpandSubSkills?: () => void;
}> = ({ skillSelected, skill, handleExpandSubSkills }) => {
- const { title, IconComponent, type, category } = skill;
+ const { title, IconComponent, type: _type, category } = skill;
const _category = boostCMSSKillCategories.find(c => c.type === category);
diff --git a/packages/react-learn-card/src/components/VCDisplayCard2/VC2BackFace.tsx b/packages/react-learn-card/src/components/VCDisplayCard2/VC2BackFace.tsx
index f9d53d3960..34404cc3f2 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard2/VC2BackFace.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard2/VC2BackFace.tsx
@@ -1,15 +1,15 @@
import React from 'react';
import { format } from 'date-fns';
-import { Flipper, Flipped } from 'react-flip-toolkit';
+import { Flipped } from 'react-flip-toolkit';
import MediaAttachmentsBox from './MediaAttachmentsBox';
import TruncateTextBox from './TruncateTextBox';
import SkillsBox from './SkillsBox';
import IssueHistoryBox from './IssueHistoryBox';
-import { VC, VerificationItem } from '@learncard/types';
+import type { VC, VerificationItem } from '@learncard/types';
import VerificationsBox from './VerificationsBox';
import AlignmentsBox from '../CertificateDisplayCard/AlignmentsBox';
-import {
+import type {
BoostAchievementCredential,
IssueHistory,
MediaMetadata,
@@ -135,11 +135,7 @@ const VC2BackFace: React.FC = ({
/>
)}
{(credential.skills?.length ?? 0) > 0 &&
- (customSkillsComponent ? (
- customSkillsComponent
- ) : (
- = ({
/>
)}
- {customThumbComponent && customThumbComponent}
+ {customThumbComponent}
- {customBodyCardComponent && customBodyCardComponent}
+ {customBodyCardComponent}
{!customBodyCardComponent && (
<>
diff --git a/packages/react-learn-card/src/components/VCDisplayCard2/VCDisplayCard2.stories.tsx b/packages/react-learn-card/src/components/VCDisplayCard2/VCDisplayCard2.stories.tsx
index d0366cfe6f..b4b2f218b0 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard2/VCDisplayCard2.stories.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard2/VCDisplayCard2.stories.tsx
@@ -1,7 +1,7 @@
import React from 'react';
-import { Story, Meta } from '@storybook/react';
+import type { Story, Meta } from '@storybook/react';
-import VCDisplayCard2, { VCDisplayCard2Props } from './VCDisplayCard2';
+import VCDisplayCard2, { type VCDisplayCard2Props } from './VCDisplayCard2';
import {
JffCredential,
SuperSkillsOprahCredential,
diff --git a/packages/react-learn-card/src/components/VCDisplayCard2/VCDisplayCard2.tsx b/packages/react-learn-card/src/components/VCDisplayCard2/VCDisplayCard2.tsx
index 404c40a98a..a509408bc9 100644
--- a/packages/react-learn-card/src/components/VCDisplayCard2/VCDisplayCard2.tsx
+++ b/packages/react-learn-card/src/components/VCDisplayCard2/VCDisplayCard2.tsx
@@ -13,21 +13,26 @@ import VCDisplayCardCategoryType from './VCDisplayCardCategoryType';
import VCDisplayCardSkillsCount from './VCDisplayCardSkillsCount';
import VCIDDisplayCard from './VCIDDIsplayCard';
-import { Profile, VC, VerificationItem, VerificationStatusEnum } from '@learncard/types';
+import {
+ VerificationStatusEnum,
+ type Profile,
+ type VC,
+ type VerificationItem,
+} from '@learncard/types';
import {
getColorForVerificationStatus,
getInfoFromCredential,
} from '../../helpers/credential.helpers';
import {
- BoostAchievementCredential,
- IssueHistory,
LCCategoryEnum,
- MediaMetadata,
- VideoMetadata,
+ type BoostAchievementCredential,
+ type IssueHistory,
+ type MediaMetadata,
+ type VideoMetadata,
+ type KnownDIDRegistryType,
} from '../../types';
import { CertificateDisplayCard } from '../CertificateDisplayCard';
import { MeritBadgeDisplayCard } from '../MeritBadgeDisplayCard';
-import { KnownDIDRegistryType } from '../../types';
export type CredentialIconType = {
image?: React.ReactNode;
@@ -133,7 +138,7 @@ export const VCDisplayCard2: React.FC = ({
const isFront = isFrontOverride ?? _isFront;
const setIsFront = setIsFrontOverride ?? _setIsFront;
- const [headerHeight, setHeaderHeight] = useState(100); // 79 is the height if the header is one line
+ const [_headerHeight, setHeaderHeight] = useState(100); // 79 is the height if the header is one line
const [headerWidth, setHeaderWidth] = useState(0);
const headerRef = useRef(null);
@@ -305,7 +310,7 @@ export const VCDisplayCard2: React.FC = ({
className={`${headerClassName} absolute`}
style={{ wordBreak: 'break-word' }}
>
- {customRibbonCategoryComponent && customRibbonCategoryComponent}
+ {customRibbonCategoryComponent}
{!customRibbonCategoryComponent && (
= ({
className={`${headerClassName} invisible`}
style={{ wordBreak: 'break-word' }}
>
- {customRibbonCategoryComponent && customRibbonCategoryComponent}
+ {customRibbonCategoryComponent}
{!customRibbonCategoryComponent && (
= ({