Fix/dismiss

src/components/Assets/index.tsx

@@ -204,9 +204,9 @@ export const Assets = () => {
               />
             )
           )}
-          <Tooltip title="Refresh">
+          <Tooltip title={"Refresh"}>
             <s.RefreshButton
-              buttonType="tertiary"
+              buttonType={"tertiary"}
               icon={RefreshIcon}
               onClick={handleRefresh}
             />

src/components/Insights/InsightsCatalog/index.tsx

@@ -2,8 +2,10 @@ import { useCallback, useContext, useEffect, useState } from "react";
 import { usePrevious } from "../../../hooks/usePrevious";
 
 import { useTheme } from "styled-components";
+import { getFeatureFlagValue } from "../../../featureFlags";
 import { useDebounce } from "../../../hooks/useDebounce";
 import { isNumber } from "../../../typeGuards/isNumber";
+import { FeatureFlag } from "../../../types";
 import { sendTrackingEvent } from "../../../utils/sendTrackingEvent";
 import { ConfigContext } from "../../common/App/ConfigContext";
 import { Pagination } from "../../common/Pagination";
@@ -50,6 +52,11 @@ export const InsightsCatalog = (props: InsightsCatalogProps) => {
   const previousMode = usePrevious(mode);
   const theme = useTheme();
 
+  const isViewModeButtonVisible = getFeatureFlagValue(
+    config,
+    FeatureFlag.IS_INSIGHT_DISMISSAL_ENABLED
+  );
+
   const refreshData = useCallback(
     () =>
       props.onQueryChange({
@@ -145,9 +152,9 @@ export const InsightsCatalog = (props: InsightsCatalogProps) => {
           ]}
           default={defaultQuery.sorting}
         />
-        <Tooltip title="Refresh">
+        <Tooltip title={"Refresh"}>
           <s.RefreshButton
-            buttonType="tertiary"
+            buttonType={"tertiary"}
             icon={RefreshIcon}
             onClick={handleRefreshButtonClick}
           />
@@ -156,8 +163,8 @@ export const InsightsCatalog = (props: InsightsCatalogProps) => {
       {mode === ViewMode.OnlyDismissed && (
         <s.InsightsViewModeToolbar>
           <Button
-            buttonType="tertiary"
-            label="Back to All Insights"
+            buttonType={"tertiary"}
+            label={"Back to All Insights"}
             icon={(props) => (
               <ChevronIcon {...props} direction={Direction.LEFT} />
             )}
@@ -197,21 +204,23 @@ export const InsightsCatalog = (props: InsightsCatalogProps) => {
             </s.FooterItemsCount>
           </>
         )}
-        <Button
-          buttonType="tertiary"
-          icon={(props) => (
-            <GroupIcon
-              {...props}
-              crossOut={mode !== ViewMode.OnlyDismissed}
-              color={
-                mode === ViewMode.OnlyDismissed
-                  ? theme.colors.v3.icon.brandSecondary
-                  : props.color
-              }
-            />
-          )}
-          onClick={handleViewModeChange}
-        />
+        {isViewModeButtonVisible && (
+          <Button
+            buttonType={"tertiary"}
+            icon={(props) => (
+              <GroupIcon
+                {...props}
+                crossOut={mode !== ViewMode.OnlyDismissed}
+                color={
+                  mode === ViewMode.OnlyDismissed
+                    ? theme.colors.v3.icon.brandSecondary
+                    : props.color
+                }
+              />
+            )}
+            onClick={handleViewModeChange}
+          />
+        )}
       </s.Footer>
     </>
   );

src/components/Insights/common/InsightCard/index.tsx

@@ -114,7 +114,7 @@ export const InsightCard = (props: InsightCardProps) => {
   };
 
   const handleShowClick = () => {
-    sendTrackingEvent(trackingEvents.UNDISMISS_BUTTON_CLICKED, {
+    sendTrackingEvent(trackingEvents.SHOW_BUTTON_CLICKED, {
       insightType: props.insight.type
     });
 

src/components/Insights/common/InsightCard/styles.ts

@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { subscriptRegularTypography } from "../../../common/App/typographies";
 import { Button } from "../../../common/v3/Button";
 import { Card } from "../../../common/v3/Card";
@@ -40,11 +40,12 @@ export const ContentContainer = styled.div`
 `;
 
 export const StyledInsightCard = styled(Card)<StyledInsightCardProps>`
-  ${({ $isDismissed, theme }) => {
-    if ($isDismissed) {
-      return `background: ${theme.colors.v3.surface.sidePanelHeader}`;
-    }
-  }}
+  ${({ $isDismissed, theme }) =>
+    $isDismissed
+      ? css`
+          background: ${theme.colors.v3.surface.sidePanelHeader};
+        `
+      : ""}
 `;
 
 export const DismissButton = styled(Button)`

src/components/Insights/common/InsightCard/types.ts

@@ -29,5 +29,5 @@ export interface InsightCardProps {
 }
 
 export interface StyledInsightCardProps extends CardProps {
-  $isDismissed: boolean;
+  $isDismissed?: boolean;
 }

src/components/Insights/tracking.ts

@@ -12,7 +12,7 @@ export const trackingEvents = addPrefix(
       "jira ticket attachment download button clicked",
     JIRA_TICKET_HINT_CLOSED: "jira ticket hint closed",
     DISMISS_BUTTON_CLICKED: "insight dismiss button clicked",
-    UNDISMISS_BUTTON_CLICKED: "insight show button clicked",
+    SHOW_BUTTON_CLICKED: "insight show button clicked",
     REFRESH_BUTTON_CLICKED: "refresh button clicked"
   },
   " "

src/components/Insights/types.ts

@@ -164,7 +164,8 @@ export enum InsightStatus {
   Active = "Active",
   InEvaluation = "InEvaluation",
   PossiblyFixed = "PossiblyFixed",
-  Regression = "Regression"
+  Regression = "Regression",
+  Inactive = "Inactive"
 }
 
 export interface CodeObjectInsight extends Insight {
@@ -196,8 +197,8 @@ export interface CodeObjectInsight extends Insight {
   ticketLink: string | null;
   id: string;
   sourceSpanCodeObjectInsight: string;
-  isDismissed: boolean;
-  isDismissible: boolean;
+  isDismissed?: boolean;
+  isDismissible?: boolean;
   status?: InsightStatus;
 }
 

src/featureFlags.ts

@@ -8,7 +8,8 @@ export const featureFlagMinBackendVersions: Record<FeatureFlag, string> = {
   [FeatureFlag.IS_ASSETS_SERVICE_FILTER_VISIBLE]: "v0.2.174",
   [FeatureFlag.IS_ASSETS_OVERALL_IMPACT_HIDDEN]: "v0.2.181-alpha.1",
   [FeatureFlag.IS_INSIGHT_TICKET_LINKAGE_ENABLED]: "v0.2.200",
-  [FeatureFlag.IS_ASSETS_COMPLEX_FILTER_ENABLED]: "v0.2.215"
+  [FeatureFlag.IS_ASSETS_COMPLEX_FILTER_ENABLED]: "v0.2.215",
+  [FeatureFlag.IS_INSIGHT_DISMISSAL_ENABLED]: "v0.2.238"
 };
 
 export const getFeatureFlagValue = (

src/types.ts

@@ -5,7 +5,8 @@ export enum FeatureFlag {
   IS_ASSETS_SERVICE_FILTER_VISIBLE,
   IS_ASSETS_OVERALL_IMPACT_HIDDEN,
   IS_INSIGHT_TICKET_LINKAGE_ENABLED,
-  IS_ASSETS_COMPLEX_FILTER_ENABLED
+  IS_ASSETS_COMPLEX_FILTER_ENABLED,
+  IS_INSIGHT_DISMISSAL_ENABLED
 }
 
 export enum InsightType {