chore: remove card_ui_colors_v2 exp - it lost (#4916)

nensidosari · web-flow · commit 7f179ca0ee3d · 2025-09-23T13:40:23.000+02:00
diff --git a/packages/shared/src/components/cards/ActionsButtons/ActionButtons.tsx b/packages/shared/src/components/cards/ActionsButtons/ActionButtons.tsx
@@ -19,8 +19,6 @@ import { useBlockPostPanel } from '../../../hooks/post/useBlockPostPanel';
 import { usePostActions } from '../../../hooks/post/usePostActions';
 import { Tooltip } from '../../tooltip/Tooltip';
 import PostAwardAction from '../../post/PostAwardAction';
-import { featureCardUiColors } from '../../../lib/featureManagement';
-import { useFeature } from '../../GrowthBookProvider';
 
 export interface ActionButtonsProps {
   post: Post;
@@ -41,7 +39,6 @@ const ActionButtons = ({
   className,
   onDownvoteClick,
 }: ActionButtonsProps): ReactElement => {
-  const colorExp = useFeature(featureCardUiColors);
   const { onInteract, interaction, previousInteraction } = usePostActions({
     post,
   });
@@ -190,8 +187,7 @@ const ActionButtons = ({
             icon={<LinkIcon size={IconSize.XSmall} />}
             onClick={onCopyLink}
             variant={ButtonVariant.Tertiary}
-            color={colorExp ? ButtonColor.Water : ButtonColor.Cabbage}
-            buttonClassName={colorExp && 'hover:text-text-link'}
+            color={ButtonColor.Cabbage}
           />
         </Tooltip>
       </div>
diff --git a/packages/shared/src/components/cards/Freeform/FreeformGrid.tsx b/packages/shared/src/components/cards/Freeform/FreeformGrid.tsx
@@ -18,8 +18,6 @@ import { WelcomePostCardFooter } from '../common/WelcomePostCardFooter';
 import ActionButtons from '../ActionsButtons/ActionButtons';
 import { ClickbaitShield } from '../common/ClickbaitShield';
 import { useSmartTitle } from '../../../hooks/post/useSmartTitle';
-import { useFeature } from '../../GrowthBookProvider';
-import { featureCardUiColors } from '../../../lib/featureManagement';
 
 export const FreeformGrid = forwardRef(function SharePostCard(
   {
@@ -43,7 +41,6 @@ export const FreeformGrid = forwardRef(function SharePostCard(
   const containerRef = useRef<HTMLDivElement>();
   const image = usePostImage(post);
   const { title } = useSmartTitle(post);
-  const colorExp = useFeature(featureCardUiColors);
 
   return (
     <FeedItemContainer
@@ -71,7 +68,6 @@ export const FreeformGrid = forwardRef(function SharePostCard(
               hasImage: !!image,
               hasHtmlContent: !!post.contentHtml,
             }),
-            { '!text-text-quaternary': post.read && colorExp },
           )}
         >
           {title}
diff --git a/packages/shared/src/components/cards/ad/AdGrid.tsx b/packages/shared/src/components/cards/ad/AdGrid.tsx
@@ -13,14 +13,11 @@ import type { InViewRef } from '../../../hooks/feed/useAutoRotatingAds';
 import { useAutoRotatingAds } from '../../../hooks/feed/useAutoRotatingAds';
 import { AdRefresh } from './common/AdRefresh';
 import { ButtonSize, ButtonVariant } from '../../buttons/common';
-import { featureCardUiColors } from '../../../lib/featureManagement';
-import { useFeature } from '../../GrowthBookProvider';
 
 export const AdGrid = forwardRef(function AdGrid(
   { ad, onLinkClick, onRefresh, domProps, index, feedIndex }: AdCardProps,
   inViewRef: InViewRef,
 ): ReactElement {
-  const colorExp = useFeature(featureCardUiColors);
   const { isPlus } = usePlusSubscription();
   const { ref, refetch, isRefetching } = useAutoRotatingAds(
     ad,
@@ -35,12 +32,7 @@ export const AdGrid = forwardRef(function AdGrid(
   }, [ad, onRefresh, refetch]);
 
   return (
-    <Card
-      className={colorExp && '!bg-background-default'}
-      {...domProps}
-      data-testid="adItem"
-      ref={ref}
-    >
+    <Card {...domProps} data-testid="adItem" ref={ref}>
       <AdLink ad={ad} onLinkClick={onLinkClick} />
       <CardTextContainer className="flex-1">
         <CardTitle className="line-clamp-4 typo-title3">
diff --git a/packages/shared/src/components/cards/article/ArticleGrid.tsx b/packages/shared/src/components/cards/article/ArticleGrid.tsx
@@ -28,8 +28,6 @@ import { useSmartTitle } from '../../../hooks/post/useSmartTitle';
 import useInteractiveFeed from '../../../hooks/feed/useInteractiveFeed';
 import RelevancyTag from '../../tags/RelevancyTag';
 import InteractiveFeedTagOverlay from '../../post/tags/InteractiveFeedTagOverlay';
-import { useFeature } from '../../GrowthBookProvider';
-import { featureCardUiColors } from '../../../lib/featureManagement';
 
 export const ArticleGrid = forwardRef(function ArticleGrid(
   {
@@ -71,7 +69,6 @@ export const ArticleGrid = forwardRef(function ArticleGrid(
     post,
   });
   const smallCard = interactiveFeedExp && isFeedPreview;
-  const colorExp = useFeature(featureCardUiColors);
 
   if (showInteractiveFeedOverlay) {
     return <InteractiveFeedTagOverlay onClose={onClose} post={post} />;
@@ -151,7 +148,6 @@ export const ArticleGrid = forwardRef(function ArticleGrid(
           <CardTitle
             className={classNames({
               'typo-callout': smallCard,
-              '!text-text-quaternary': post.read && colorExp,
             })}
             lineClamp={showFeedback ? 'line-clamp-2' : undefined}
           >
diff --git a/packages/shared/src/components/cards/collection/CollectionGrid.tsx b/packages/shared/src/components/cards/collection/CollectionGrid.tsx
@@ -17,8 +17,6 @@ import PostMetadata from '../common/PostMetadata';
 import { usePostImage } from '../../../hooks/post/usePostImage';
 import CardOverlay from '../common/CardOverlay';
 import PostTags from '../common/PostTags';
-import { useFeature } from '../../GrowthBookProvider';
-import { featureCardUiColors } from '../../../lib/featureManagement';
 
 export const CollectionGrid = forwardRef(function CollectionCard(
   {
@@ -40,7 +38,6 @@ export const CollectionGrid = forwardRef(function CollectionCard(
   const image = usePostImage(post);
   const onPostCardClick = () => onPostClick(post);
   const onPostCardAuxClick = () => onPostAuxClick(post);
-  const colorExp = useFeature(featureCardUiColors);
 
   return (
     <FeedItemContainer
@@ -66,9 +63,6 @@ export const CollectionGrid = forwardRef(function CollectionCard(
               hasHtmlContent: !!post.contentHtml,
             }),
             'font-bold text-text-primary typo-title3',
-            {
-              '!text-text-quaternary': post.read && colorExp,
-            },
           )}
         >
           {post.title}
diff --git a/packages/shared/src/components/cards/common/FeedItemContainer.tsx b/packages/shared/src/components/cards/common/FeedItemContainer.tsx
@@ -10,8 +10,6 @@ import {
 } from './RaisedLabel';
 import ConditionalWrapper from '../../ConditionalWrapper';
 import { useBookmarkProvider, useFeedPreviewMode } from '../../../hooks';
-import { useFeature } from '../../GrowthBookProvider';
-import { featureCardUiColors } from '../../../lib/featureManagement';
 
 export interface FlagProps extends Pick<Post, 'trending' | 'pinnedAt'> {
   listMode?: boolean;
@@ -38,7 +36,6 @@ function FeedItemContainer(
       ? `${trending} devs read it last hour`
       : undefined;
   const isFeedPreview = useFeedPreviewMode();
-  const colorExp = useFeature(featureCardUiColors);
 
   return (
     <ConditionalWrapper
@@ -59,7 +56,6 @@ function FeedItemContainer(
         data-testid="postItem"
         ref={ref}
         className={classNames(
-          colorExp && `!bg-background-default`,
           domProps.className,
           !listMode && isFeedPreview && 'hover:border-border-subtlest-tertiary',
           highlightBookmarkedPost &&
diff --git a/packages/shared/src/components/cards/common/WelcomePostCardFooter.tsx b/packages/shared/src/components/cards/common/WelcomePostCardFooter.tsx
@@ -6,8 +6,6 @@ import type { Post } from '../../../graphql/posts';
 import { CardCover } from './CardCover';
 import { useCardCover } from '../../../hooks/feed/useCardCover';
 import { sanitizeMessage } from '../../../features/onboarding/shared';
-import { useFeature } from '../../GrowthBookProvider';
-import { featureCardUiColors } from '../../../lib/featureManagement';
 
 interface WelcomePostCardFooterProps {
   post: Post;
@@ -22,7 +20,6 @@ export const WelcomePostCardFooter = ({
   onShare,
   contentHtml,
 }: WelcomePostCardFooterProps): ReactElement => {
-  const colorExp = useFeature(featureCardUiColors);
   const { overlay } = useCardCover({
     post,
     className: {
@@ -67,9 +64,6 @@ export const WelcomePostCardFooter = ({
       <p
         className={classNames(
           'mt-1 line-clamp-6 break-words px-2 typo-callout',
-          {
-            'text-text-quaternary': colorExp && post.read,
-          },
         )}
       >
         {decodedText}
diff --git a/packages/shared/src/components/cards/common/list/ActionButtons.tsx b/packages/shared/src/components/cards/common/list/ActionButtons.tsx
@@ -25,8 +25,6 @@ import { BookmarkButton } from '../../../buttons';
 import { Tooltip } from '../../../tooltip/Tooltip';
 import { QuaternaryButton } from '../../../buttons/QuaternaryButton';
 import PostAwardAction from '../../../post/PostAwardAction';
-import { featureCardUiColors } from '../../../../lib/featureManagement';
-import { useFeature } from '../../../GrowthBookProvider';
 
 interface ActionButtonsPropsList extends ActionButtonsProps {
   onDownvoteClick?: (post: Post) => unknown;
@@ -41,7 +39,6 @@ export default function ActionButtons({
   onCopyLinkClick,
   className,
 }: ActionButtonsPropsList): ReactElement {
-  const colorExp = useFeature(featureCardUiColors);
   const { onInteract, interaction, previousInteraction } = usePostActions({
     post,
   });
@@ -206,8 +203,7 @@ export default function ActionButtons({
             icon={<LinkIcon />}
             onClick={onCopyLink}
             variant={ButtonVariant.Tertiary}
-            color={colorExp ? ButtonColor.Water : ButtonColor.Cabbage}
-            buttonClassName={colorExp && 'hover:text-text-link'}
+            color={ButtonColor.Cabbage}
           />
         </Tooltip>
       </div>
diff --git a/packages/shared/src/components/cards/share/ShareGrid.tsx b/packages/shared/src/components/cards/share/ShareGrid.tsx
@@ -1,6 +1,5 @@
 import type { ReactElement, Ref } from 'react';
 import React, { forwardRef, useMemo, useRef } from 'react';
-import classNames from 'classnames';
 import type { PostCardProps } from '../common/common';
 import { Container } from '../common/common';
 import { isVideoPost } from '../../../graphql/posts';
@@ -25,8 +24,6 @@ import classed from '../../../lib/classed';
 import { BlockIcon, EarthIcon } from '../../icons';
 import { Typography, TypographyType } from '../../typography/Typography';
 import { IconSize } from '../../Icon';
-import { useFeature } from '../../GrowthBookProvider';
-import { featureCardUiColors } from '../../../lib/featureManagement';
 
 const EmptyStateContainer = classed(
   'div',
@@ -61,7 +58,6 @@ export const ShareGrid = forwardRef(function ShareGrid(
   const isPrivate =
     sharedPostPrivate && sharedPostSource?.type === SourceType.Squad;
   const isVideoType = isVideoPost(post);
-  const colorExp = useFeature(featureCardUiColors);
 
   const footer = useMemo(() => {
     if (isDeleted) {
@@ -134,13 +130,7 @@ export const ShareGrid = forwardRef(function ShareGrid(
             postLink={post.sharedPost.permalink}
             onReadArticleClick={onReadArticleClick}
           />
-          <CardTitle
-            className={classNames({
-              '!text-text-quaternary': post.read && colorExp,
-            })}
-          >
-            {title}
-          </CardTitle>
+          <CardTitle>{title}</CardTitle>
         </CardTextContainer>
         <Container>
           <CardSpace />
diff --git a/packages/shared/src/components/post/PostActions.tsx b/packages/shared/src/components/post/PostActions.tsx
@@ -32,8 +32,6 @@ import type { LoggedUser } from '../../lib/user';
 import { useCanAwardUser } from '../../hooks/useCoresFeature';
 import { useUpdateQuery } from '../../hooks/useUpdateQuery';
 import { Tooltip } from '../tooltip/Tooltip';
-import { useFeature } from '../GrowthBookProvider';
-import { featureCardUiColors } from '../../lib/featureManagement';
 
 interface PostActionsProps {
   post: Post;
@@ -49,7 +47,6 @@ export function PostActions({
   onComment,
   origin = Origin.ArticlePage,
 }: PostActionsProps): ReactElement {
-  const colorExp = useFeature(featureCardUiColors);
   const { showLogin, user } = useAuthContext();
   const { openModal } = useLazyModal();
   const { data, onShowPanel, onClose } = useBlockPostPanel(post);
@@ -298,11 +295,9 @@ export function PostActions({
               variant={ButtonVariant.Tertiary}
               className={classNames(
                 'text-text-tertiary',
-                colorExp
-                  ? 'group-hover/link-btn:text-text-link'
-                  : ' group-hover/link-btn:text-accent-cabbage-default',
+                'group-hover/link-btn:text-accent-cabbage-default',
               )}
-              color={colorExp ? ButtonColor.Water : ButtonColor.Cabbage}
+              color={ButtonColor.Cabbage}
             >
               Copy
             </QuaternaryButton>
diff --git a/packages/shared/src/lib/featureManagement.ts b/packages/shared/src/lib/featureManagement.ts
@@ -74,8 +74,6 @@ export const featureOnboardingGridVariation = new Feature(
   OnboardingGridVariation.Control,
 );
 
-export const featureCardUiColors = new Feature('card_ui_colors_v2', false);
-
 export const clickbaitTriesMax = new Feature('clickbait_tries_max', 5);
 
 export { feature };
