fix: remove info, coming soon, downsize vault

Author: Lasserich

public/locales/en.json

@@ -412,7 +412,7 @@
       "activeStatus": "Active v",
       "progressAvailable": "% Available",
       "noResources": "No Resources",
-      "inactive": "Inactive",
+      "inactive": "Coming soon...",
       "activate": "Activate"
     },
     "common": {

public/vault.png

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Card, CardHeader, MessageViewButton } from '@ui5/webcomponents-react';
+import { Card, CardHeader } from '@ui5/webcomponents-react';
 import { useTranslation } from 'react-i18next';
 import cx from 'clsx';
 import { MultiPercentageBar } from '../MultiPercentageBar/MultiPercentageBar';
@@ -11,7 +11,6 @@ import { GenericHintProps } from '../../../types/types';
 export const GenericHintCard: React.FC<GenericHintProps> = ({
   enabled = false,
   version,
-  onActivate,
   allItems = [],
   isLoading,
   error,
@@ -87,25 +86,6 @@ export const GenericHintCard: React.FC<GenericHintProps> = ({
 
           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
-                type={'Information'}
-                className={cx({
-                  [styles2.activateButtonClickable]: !!onActivate,
-                  [styles2.activateButtonDefault]: !onActivate,
-                })}
-                onClick={onActivate}
-              />
-            </div>
-          );
-        })()}
       </Card>
     </div>
   );

src/components/HintsCardsRow/GenericHintCard/GenericHintCard.tsx

@@ -69,9 +69,6 @@ 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
       />
       <GenericHintCard
         enabled={!!mcp?.spec?.components?.flux}
@@ -80,7 +77,6 @@ const HintsCardsRow: React.FC<HintsProps> = ({ mcp }) => {
         isLoading={managedResourcesLoading}
         error={managedResourcesError}
         config={gitOpsConfig}
-        onActivate={!mcp?.spec?.components?.flux ? () => console.log('This is under active development') : undefined} // TODO: replace with link to docs
       />
       <GenericHintCard
         enabled={false}
@@ -89,11 +85,6 @@ 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
       />
     </FlexBox>
   );