fix: npm run lint:fix :)(:

Author: Lasserich

src/components/HintsCardsRow/GenericHintCard/GenericHintCard.tsx

@@ -81,18 +81,18 @@ export const GenericHintCard: React.FC<GenericHintProps> = ({
         {(() => {
           const shouldShowHoverContent = enabled && hovered && config.calculateHoverData;
           if (!shouldShowHoverContent) return null;
-          
+
           const hoverData = config.calculateHoverData!(allItems, enabled, t);
           const hasValidHoverData = !!hoverData;
-          
+
           return hasValidHoverData ? <HoverContent enabled={enabled} isLoading={isLoading} {...hoverData} /> : null;
         })()}
 
         {(() => {
           // Trigger for showing the information button when the card is disabled
           const shouldShowActivateButton = !enabled;
           if (!shouldShowActivateButton) return null;
-          
+
           return (
             <div className={styles2.activateButton}>
               <MessageViewButton

src/components/HintsCardsRow/HintsCardsRow.tsx

@@ -69,7 +69,9 @@ const HintsCardsRow: React.FC<HintsProps> = ({ mcp }) => {
         isLoading={managedResourcesLoading}
         error={managedResourcesError}
         config={crossplaneConfig}
-        onActivate={!mcp?.spec?.components?.crossplane ? () => console.log('This is under active development') : undefined} // TODO: replace with link to docs
+        onActivate={
+          !mcp?.spec?.components?.crossplane ? () => console.log('This is under active development') : undefined
+        } // TODO: replace with link to docs
       />
       <GenericHintCard
         enabled={!!mcp?.spec?.components?.flux}
@@ -87,7 +89,11 @@ const HintsCardsRow: React.FC<HintsProps> = ({ mcp }) => {
         isLoading={managedResourcesLoading}
         error={managedResourcesError}
         config={vaultConfig}
-        onActivate={!mcp?.spec?.components?.externalSecretsOperator ? () => console.log('This is under active development') : undefined} // TODO: replace with link to docs
+        onActivate={
+          !mcp?.spec?.components?.externalSecretsOperator
+            ? () => console.log('This is under active development')
+            : undefined
+        } // TODO: replace with link to docs
       />
     </FlexBox>
   );

src/components/HintsCardsRow/LegendSection/LegendSection.tsx

@@ -15,23 +15,12 @@ interface LegendSectionProps {
 
 export const LegendSection: React.FC<LegendSectionProps> = ({ title, items, style }) => {
   return (
-    <div
-      className={styles.legendSection}
-      style={style}
-    >
-      <div className={styles.legendTitle}>
-        {title}
-      </div>
+    <div className={styles.legendSection} style={style}>
+      <div className={styles.legendTitle}>{title}</div>
       <div className={styles.legendItemsContainer}>
         {items.map((item, index) => (
-          <div
-            key={index}
-            className={styles.legendItemWrapper}
-          >
-            <div
-              className={styles.legendDot}
-              style={{ backgroundColor: item.color }}
-            />
+          <div key={index} className={styles.legendItemWrapper}>
+            <div className={styles.legendDot} style={{ backgroundColor: item.color }} />
             <span className={styles.legendItem}>
               {item.count} {item.label}
             </span>