secrets and malware dashboard updates

deepfence · Nov 5, 2024 · 7dfc113 · 7dfc113
1 parent 274df42
commit 7dfc113
Show file tree

Hide file tree

Showing 11 changed files with 68 additions and 1,424 deletions.
diff --git a/...tend/apps/dashboard/src/features/malwares/components/landing/MostExploitablePromoCard.tsx b/...tend/apps/dashboard/src/features/malwares/components/landing/MostExploitablePromoCard.tsx
@@ -0,0 +1,31 @@
+import { Button, Card } from 'ui-components';
+
+import { DFLink } from '@/components/DFLink';
+import { ArrowLine } from '@/components/icons/common/ArrowLine';
+import { VulnerabilityIcon } from '@/components/sideNavigation/icons/Vulnerability';
+import { CardHeader } from '@/features/vulnerabilities/components/landing/CardHeader';
+
+export const MostExploitablePromoCard = () => {
+  return (
+    <Card className="rounded min-h-full flex flex-col">
+      <CardHeader icon={<VulnerabilityIcon />} title={'Most Exploitable Malwares'} />
+      <div className="flex-1 flex flex-col items-center justify-center gap-4">
+        <div className="text-h4 text-text-input-value">Too Many Malwares?</div>
+        <DFLink
+          unstyled
+          className="my-2"
+          href="https://deepfence.io/threatstryker/"
+          target="_blank"
+        >
+          <Button
+            color="success"
+            endIcon={<ArrowLine className="rotate-90" />}
+            className="bg-[#009852] dark:bg-[#15b77e]"
+          >
+            Get ThreatStryker
+          </Button>
+        </DFLink>
+      </div>
+    </Card>
+  );
+};
diff --git a/deepfence_frontend/apps/dashboard/src/features/malwares/pages/Malware.tsx b/deepfence_frontend/apps/dashboard/src/features/malwares/pages/Malware.tsx
@@ -7,12 +7,10 @@ import { SeverityLegend } from '@/components/SeverityBadge';
 import { MalwareIcon } from '@/components/sideNavigation/icons/Malware';
 import { ThreatGraphIcon } from '@/components/sideNavigation/icons/ThreatGraph';
 import { BreadcrumbWrapper } from '@/features/common/BreadcrumbWrapper';
+import { MostExploitablePromoCard } from '@/features/malwares/components/landing/MostExploitablePromoCard';
 import { TopNMalwareCard } from '@/features/malwares/components/landing/TopNMalwareCard';
 import { CardHeader } from '@/features/malwares/pages/landing/CardHeader';
-import {
-  MostExploitableMalwaresCountsCard,
-  UniqueMalwaresCountsCard,
-} from '@/features/malwares/pages/landing/MalwareCountsCard';
+import { UniqueMalwaresCountsCard } from '@/features/malwares/pages/landing/MalwareCountsCard';
 import { THEME_LIGHT, useTheme } from '@/theme/ThemeContext';
 
 const Malware = () => {
@@ -62,7 +60,7 @@ const Malware = () => {
         </div>
 
         <div className="col-span-3">
-          <MostExploitableMalwaresCountsCard />
+          <MostExploitablePromoCard />
         </div>
         <div className="col-span-6">
           <Card className="rounded min-h-[380px] flex flex-col">