t3n · birterohden · Sep 19, 2024 · Sep 19, 2024
diff --git a/packages/components/src/LegacyFooter/LegacyDesktopFooter.tsx b/packages/components/src/LegacyFooter/LegacyDesktopFooter.tsx
@@ -178,12 +178,12 @@ const legacyDesktopLinkGroups: DesktopLinkGroupsType = [
     label: 't3n',
     links: [
       {
-        label: 'Plus',
-        url: '/plus-artikel',
+        label: 'Pur',
+        url: '/pur',
       },
       {
-        label: 'Digitale Abos',
-        url: '/abos',
+        label: 'Pro',
+        url: '/pro-artikel',
       },
       {
         label: 'News',

diff --git a/packages/components/src/LegacyFooter/LegacyMobileFooter.tsx b/packages/components/src/LegacyFooter/LegacyMobileFooter.tsx
@@ -60,12 +60,12 @@ const SmallerText = styled(Text)`
 
 const legacyMobileLinks: MobileLinkType = [
   {
-    label: 'Plus',
-    url: '/plus-artikel',
+    label: 'Pur',
+    url: '/pur',
   },
   {
-    label: 'Digitale Abos',
-    url: '/abos',
+    label: 'Pro',
+    url: '/pro-artikel',
   },
   {
     label: 'Team',

diff --git a/packages/components/src/LegacyHeader/LegacyDesktopHeader.d.ts b/packages/components/src/LegacyHeader/LegacyDesktopHeader.d.ts
@@ -8,7 +8,6 @@ export interface LegacyDesktopHeaderProps {
     showAds?: boolean;
     adsPreview?: boolean;
     userEmail?: string;
-    isPlusUser?: boolean;
     isProMember?: boolean;
     userMenuItems?: ReactNode[];
 }

diff --git a/packages/components/src/LegacyHeader/LegacyDesktopHeader.tsx b/packages/components/src/LegacyHeader/LegacyDesktopHeader.tsx
@@ -29,7 +29,6 @@ export interface LegacyDesktopHeaderProps {
   showAds?: boolean;
   adsPreview?: boolean;
   userEmail?: string;
-  isPlusUser?: boolean;
   isProMember?: boolean;
   userMenuItems?: ReactNode[];
 }
@@ -179,7 +178,6 @@ const LegacyDesktopHeader: React.FC<LegacyDesktopHeaderProps> = ({
   showAds,
   adsPreview,
   userEmail,
-  isPlusUser,
   isProMember,
   userMenuItems,
 }) => {
@@ -238,7 +236,6 @@ const LegacyDesktopHeader: React.FC<LegacyDesktopHeaderProps> = ({
           </HeaderCampaign>
           <Box display="flex" flexDirection="column" flexGrow={1} mt={2}>
             <LegacyT3nNav
-              isPlusUser={isPlusUser}
               isProMember={isProMember}
               userEmail={userEmail}
               userMenuItems={userMenuItems}
@@ -284,7 +281,6 @@ const LegacyDesktopHeader: React.FC<LegacyDesktopHeaderProps> = ({
               </SearchForm>
             </StickyNavBox>
             <UserMenu
-              isPlusUser={isPlusUser}
               isProMember={isProMember}
               userEmail={userEmail}
               light

diff --git a/packages/components/src/LegacyHeader/LegacyHeader.d.ts b/packages/components/src/LegacyHeader/LegacyHeader.d.ts
@@ -9,7 +9,6 @@ export interface LegacyHeaderProps {
     showAds?: boolean;
     adsPreview?: boolean;
     userEmail?: string;
-    isPlusUser?: boolean;
     isProMember?: boolean;
     userMenuItems?: ReactNode[];
 }

diff --git a/packages/components/src/LegacyHeader/LegacyHeader.tsx b/packages/components/src/LegacyHeader/LegacyHeader.tsx
@@ -15,7 +15,6 @@ export interface LegacyHeaderProps {
   showAds?: boolean;
   adsPreview?: boolean;
   userEmail?: string;
-  isPlusUser?: boolean;
   isProMember?: boolean;
   userMenuItems?: ReactNode[];
 }
@@ -29,7 +28,6 @@ const LegacyHeader: React.FC<LegacyHeaderProps> = ({
   showAds,
   adsPreview,
   userEmail,
-  isPlusUser,
   isProMember,
   userMenuItems,
 }) => {
@@ -40,7 +38,6 @@ const LegacyHeader: React.FC<LegacyHeaderProps> = ({
           headerCampaignUrl={headerCampaignUrl}
           headerCampaignImageMobile={headerCampaignImageMobile}
           userEmail={userEmail}
-          isPlusUser={isPlusUser}
           isProMember={isProMember}
         />
       </Box>
@@ -53,7 +50,6 @@ const LegacyHeader: React.FC<LegacyHeaderProps> = ({
           showAds={showAds}
           adsPreview={adsPreview}
           userEmail={userEmail}
-          isPlusUser={isPlusUser}
           isProMember={isProMember}
           userMenuItems={userMenuItems}
         />

diff --git a/packages/components/src/LegacyHeader/LegacyMobileHeader.d.ts b/packages/components/src/LegacyHeader/LegacyMobileHeader.d.ts
@@ -3,7 +3,6 @@ export interface LegacyMobileHeaderProps {
     headerCampaignUrl: string;
     headerCampaignImageMobile?: string;
     userEmail?: string;
-    isPlusUser?: boolean;
     isProMember?: boolean;
 }
 declare const LegacyMobileHeader: React.FC<LegacyMobileHeaderProps>;

diff --git a/packages/components/src/LegacyHeader/LegacyMobileHeader.tsx b/packages/components/src/LegacyHeader/LegacyMobileHeader.tsx
@@ -14,7 +14,6 @@ export interface LegacyMobileHeaderProps {
   headerCampaignUrl: string;
   headerCampaignImageMobile?: string;
   userEmail?: string;
-  isPlusUser?: boolean;
   isProMember?: boolean;
 }
 
@@ -56,7 +55,6 @@ const LegacyMobileHeader: React.FC<LegacyMobileHeaderProps> = ({
   headerCampaignUrl,
   headerCampaignImageMobile,
   userEmail,
-  isPlusUser,
   isProMember,
 }) => {
   return (
@@ -92,7 +90,6 @@ const LegacyMobileHeader: React.FC<LegacyMobileHeaderProps> = ({
       </HeaderCampaign>
       <LegacyMobileNav
         userEmail={userEmail}
-        isPlusUser={isPlusUser}
         isProMember={isProMember}
         headerCampaignUrl={headerCampaignUrl}
         headerCampaignImageMobile={headerCampaignImageMobile}

diff --git a/packages/components/src/LegacyHeader/components/LegacyMainNav.tsx b/packages/components/src/LegacyHeader/components/LegacyMainNav.tsx
@@ -159,8 +159,8 @@ export const Indicator = styled.span`
 
 const mainNavLinkGroups: MainNavLinkGroupsType[] = [
   {
-    label: 'Plus',
-    url: '/plus-artikel',
+    label: 'Pro',
+    url: '/pro-artikel',
     indicator: true,
   },
   {

diff --git a/packages/components/src/LegacyHeader/components/LegacyMobileNav.d.ts b/packages/components/src/LegacyHeader/components/LegacyMobileNav.d.ts
@@ -3,7 +3,6 @@ export interface LegacyMobileNavProps {
     headerCampaignUrl: string;
     headerCampaignImageMobile?: string;
     userEmail?: string;
-    isPlusUser?: boolean;
     isProMember?: boolean;
 }
 export type MobileNavLinksType = {

diff --git a/packages/components/src/LegacyHeader/components/LegacyMobileNav.tsx b/packages/components/src/LegacyHeader/components/LegacyMobileNav.tsx
@@ -9,7 +9,6 @@ import {
   MaterialClose,
   MaterialMenu,
   MaterialPersonOutline,
-  T3nPlus,
   T3nPro,
 } from '@t3n/icons';
 import { ThemeProps } from '@t3n/theme';
@@ -27,7 +26,6 @@ export interface LegacyMobileNavProps {
   headerCampaignUrl: string;
   headerCampaignImageMobile?: string;
   userEmail?: string;
-  isPlusUser?: boolean;
   isProMember?: boolean;
 }
 
@@ -160,8 +158,8 @@ const SearchForm = styled.form`
 
 const mobileNavLinks: MobileNavLinksType[] = [
   {
-    label: 'Plus',
-    url: '/plus-artikel',
+    label: 'Pro',
+    url: '/pro-artikel',
     indicator: false,
   },
   {
@@ -219,7 +217,6 @@ const LegacyMobileNav: React.FC<LegacyMobileNavProps> = ({
   headerCampaignUrl,
   headerCampaignImageMobile,
   userEmail,
-  isPlusUser,
   isProMember,
 }) => {
   const [menuOpen, setMenuOpen] = useState(false);
@@ -299,20 +296,6 @@ const LegacyMobileNav: React.FC<LegacyMobileNavProps> = ({
         ))}
         {userEmail ? (
           <>
-            {isPlusUser && (
-              <MobileMenuItem
-                borderTopThick
-                href="/account/plus"
-                title="t3n Plus"
-              >
-                <T3nPlus
-                  width="22px"
-                  height="18px"
-                  style={{ marginRight: 8 }}
-                />
-                Plus
-              </MobileMenuItem>
-            )}
             {isProMember && (
               <MobileMenuItem
                 borderTopThick

diff --git a/packages/components/src/LegacyHeader/components/LegacyT3nNav.d.ts b/packages/components/src/LegacyHeader/components/LegacyT3nNav.d.ts
@@ -1,6 +1,5 @@
 import React, { ReactNode } from 'react';
 export interface LegacyT3nNavProps {
-    isPlusUser?: boolean;
     isProMember?: boolean;
     userEmail?: string;
     userMenuItems?: ReactNode[];

diff --git a/packages/components/src/LegacyHeader/components/LegacyT3nNav.tsx b/packages/components/src/LegacyHeader/components/LegacyT3nNav.tsx
@@ -12,7 +12,6 @@ import HeaderLink from './LegacyHeaderLink';
 import { MainNavDropdown } from './LegacyMainNav';
 
 export interface LegacyT3nNavProps {
-  isPlusUser?: boolean;
   isProMember?: boolean;
   userEmail?: string;
   userMenuItems?: ReactNode[];
@@ -120,7 +119,6 @@ const t3nNavLinks: T3nNavLinksType[] = [
 ];
 
 const LegacyT3nNav: React.FC<LegacyT3nNavProps> = ({
-  isPlusUser,
   isProMember,
   userEmail,
   userMenuItems,
@@ -158,7 +156,6 @@ const LegacyT3nNav: React.FC<LegacyT3nNavProps> = ({
         </MainNavItem>
       ))}
       <UserMenu
-        isPlusUser={isPlusUser}
         isProMember={isProMember}
         userEmail={userEmail}
         light

diff --git a/packages/components/src/LegacyNewsCard/LegacyNewsCard.d.ts b/packages/components/src/LegacyNewsCard/LegacyNewsCard.d.ts
@@ -4,7 +4,7 @@ export interface LegacyNewsCardProps {
     popular?: boolean;
     sponsored?: boolean;
     hero?: boolean;
-    plus?: boolean;
+    pro?: boolean;
     tr?: boolean;
     withImage?: boolean;
     withTeaser?: boolean;
@@ -28,5 +28,5 @@ export declare const LegacyLoadingHeroCard: () => React.JSX.Element;
 export declare const LegacyLoadingFeedCard: React.FC<{
     withImage?: boolean;
 }>;
-declare const LegacyNewsCard: ({ news, loading, hero, sponsored, popular, plus, tr, withTeaser, withImage, withAuthor, isBookmarked, onBookmarkClick, }: LegacyNewsCardProps) => React.JSX.Element | null;
+declare const LegacyNewsCard: ({ news, loading, hero, sponsored, popular, pro, tr, withTeaser, withImage, withAuthor, isBookmarked, onBookmarkClick, }: LegacyNewsCardProps) => React.JSX.Element | null;
 export default LegacyNewsCard;
diff --git a/packages/components/src/LegacyNewsCard/LegacyNewsCard.tsx b/packages/components/src/LegacyNewsCard/LegacyNewsCard.tsx
@@ -19,7 +19,7 @@ export interface LegacyNewsCardProps {
   popular?: boolean;
   sponsored?: boolean;
   hero?: boolean;
-  plus?: boolean;
+  pro?: boolean;
   tr?: boolean;
   withImage?: boolean;
   withTeaser?: boolean;
@@ -122,7 +122,7 @@ const LegacyNewsCard = ({
   hero,
   sponsored,
   popular,
-  plus,
+  pro,
   tr,
   withTeaser,
   withImage = true,
@@ -164,7 +164,7 @@ const LegacyNewsCard = ({
             <LegacyNewsCardHeadline
               title={news.title}
               type={news.type}
-              plus={plus}
+              pro={pro}
               tr={tr}
               sponsored={sponsored}
             />
@@ -202,7 +202,7 @@ const LegacyNewsCard = ({
           <LegacyNewsCardHeadline
             title={news.title}
             type={news.type}
-            plus={plus}
+            pro={pro}
             tr={tr}
             sponsored={sponsored}
           />

diff --git a/packages/components/src/LegacyNewsCard/LegacyNewsCardHeadline.d.ts b/packages/components/src/LegacyNewsCard/LegacyNewsCardHeadline.d.ts
@@ -3,7 +3,7 @@ export interface LegacyNewsCardHeadlineProps {
     type: string;
     title: string;
     sponsored?: boolean;
-    plus?: boolean;
+    pro?: boolean;
     tr?: boolean;
 }
 declare const LegacyNewsCardHeadline: React.FC<LegacyNewsCardHeadlineProps>;

diff --git a/packages/components/src/LegacyNewsCard/LegacyNewsCardHeadline.tsx b/packages/components/src/LegacyNewsCard/LegacyNewsCardHeadline.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { border, color, space, typography } from 'styled-system';
 
-import { T3nPlus } from '@t3n/icons';
+import { T3nPro } from '@t3n/icons';
 
 import Box from '../Box';
 import Heading from '../Heading';
@@ -12,7 +12,7 @@ export interface LegacyNewsCardHeadlineProps {
   type: string;
   title: string;
   sponsored?: boolean;
-  plus?: boolean;
+  pro?: boolean;
   tr?: boolean;
 }
 
@@ -71,7 +71,7 @@ const LegacyNewsCardHeadline: React.FC<LegacyNewsCardHeadlineProps> = ({
   type,
   title,
   sponsored,
-  plus,
+  pro,
   tr,
 }) => {
   return (
@@ -82,9 +82,9 @@ const LegacyNewsCardHeadline: React.FC<LegacyNewsCardHeadlineProps> = ({
             Anzeige
           </SponsoredInfo>
         )}
-        {plus && (
+        {pro && (
           <Box display="flex" mb={1} mr={1}>
-            <T3nPlus height="18" width="22" />
+            <T3nPro height="18" width="36" />
           </Box>
         )}
         {tr && <TRBadge>MIT Technology Review</TRBadge>}

diff --git a/packages/components/src/LegacyPageLayout/LegacyPageLayout.d.ts b/packages/components/src/LegacyPageLayout/LegacyPageLayout.d.ts
@@ -7,7 +7,6 @@ export interface LegacyPageLayoutProps extends LegacyHeaderProps {
     adUnits?: LegacyAdName[];
     previewAdUnits?: boolean;
     userEmail?: string;
-    isPlusUser?: boolean;
     isProMember?: boolean;
     userMenuItems?: ReactNode[];
     children?: ReactNode;

diff --git a/packages/components/src/LegacyPageLayout/LegacyPageLayout.tsx b/packages/components/src/LegacyPageLayout/LegacyPageLayout.tsx
@@ -13,7 +13,6 @@ export interface LegacyPageLayoutProps extends LegacyHeaderProps {
   adUnits?: LegacyAdName[];
   previewAdUnits?: boolean;
   userEmail?: string;
-  isPlusUser?: boolean;
   isProMember?: boolean;
   userMenuItems?: ReactNode[];
   children?: ReactNode;
@@ -36,7 +35,6 @@ const LegacyPageLayout: React.FC<LegacyPageLayoutProps> = ({
   previewAdUnits,
   overflow,
   userEmail,
-  isPlusUser,
   isProMember,
   userMenuItems,
   children,
@@ -61,7 +59,6 @@ const LegacyPageLayout: React.FC<LegacyPageLayoutProps> = ({
           showAds={shouldDisplayAdUnit('T3N_D_Right')}
           adsPreview={previewAdUnits}
           userEmail={userEmail}
-          isPlusUser={isPlusUser}
           isProMember={isProMember}
           userMenuItems={userMenuItems}
         />

diff --git a/packages/components/src/UserMenu/UserMenu.d.ts b/packages/components/src/UserMenu/UserMenu.d.ts
@@ -7,8 +7,6 @@ export interface UserMenuProps {
     proMembershipLink?: string;
     readingListLink?: string;
     accountLink?: string;
-    isPlusUser?: boolean;
-    plusLink?: string;
     isProMember?: boolean;
     light?: boolean;
     items?: ReactNode[];