rename contributor profile

Author: aracho1

…onents/ContributorProfile.importable.tsx …onsWithContributorProfile.importable.tsxdotcom-rendering/src/components/ContributorProfile.importable.tsx renamed to dotcom-rendering/src/components/FollowButtonsWithContributorProfile.importable.tsx dotcom-rendering/src/components/ContributorProfile.importable.tsx renamed to dotcom-rendering/src/components/FollowButtonsWithContributorProfile.importable.tsx

@@ -92,7 +92,7 @@ const containsText = (html: string) => {
 	return htmlWithoutTags.length > 0;
 };
 
-export const ContributorProfile = ({
+export const FollowButtonWithContributorProfile = ({
 	id,
 	displayName,
 	avatarUrl,

…omponents/ContributorProfile.stories.tsx …uttonsWithContributorProfile.stories.tsxdotcom-rendering/src/components/ContributorProfile.stories.tsx renamed to dotcom-rendering/src/components/FollowButtonsWithContributorProfile.stories.tsx dotcom-rendering/src/components/ContributorProfile.stories.tsx renamed to dotcom-rendering/src/components/FollowButtonsWithContributorProfile.stories.tsx

@@ -4,15 +4,14 @@ import {
 	space,
 	textEgyptian14,
 } from '@guardian/source/foundations';
-import { splitTheme } from '../../.storybook/decorators/splitThemeDecorator';
 import { ArticleDesign, ArticleDisplay, Pillar } from '../lib/articleFormat';
 import { palette } from '../palette';
 import { Avatar } from './Avatar';
-import { ContributorProfile } from './ContributorProfile.importable';
+import { FollowButtonWithContributorProfile } from './FollowButtonsWithContributorProfile.importable';
 import { FollowTagButtonPill } from './FollowButtons';
 
 export default {
-	component: ContributorProfile,
+	component: FollowButtonWithContributorProfile,
 	title: 'Components/ContributorProfile',
 };
 
@@ -34,15 +33,15 @@ const containerStyles = css`
 	padding: 16px;
 `;
 
-const opinionDecorator = splitTheme([
+const opinionDecorator = [
 	{
 		display: ArticleDisplay.Standard,
 		design: ArticleDesign.Comment,
 		theme: Pillar.Opinion,
 	},
-]);
+];
 
-const allPillarsDecorator = splitTheme([
+const allPillarsDecorator = [
 	{
 		display: ArticleDisplay.Standard,
 		design: ArticleDesign.Comment,
@@ -68,12 +67,12 @@ const allPillarsDecorator = splitTheme([
 		design: ArticleDesign.Comment,
 		theme: Pillar.Lifestyle,
 	},
-]);
+];
 
 // Component stories
 export const WithAvatarAndBio = () => (
 	<div css={containerStyles}>
-		<ContributorProfile
+		<FollowButtonWithContributorProfile
 			id={mockContributor.id}
 			displayName={mockContributor.displayName}
 			avatarUrl={mockContributor.avatarUrl}
@@ -86,7 +85,7 @@ WithAvatarAndBio.decorators = [opinionDecorator];
 
 export const WithoutAvatar = () => (
 	<div css={containerStyles}>
-		<ContributorProfile
+		<FollowButtonWithContributorProfile
 			id={mockContributor.id}
 			displayName={mockContributor.displayName}
 			bio={mockContributor.bio}
@@ -96,22 +95,9 @@ export const WithoutAvatar = () => (
 WithoutAvatar.storyName = 'Without Avatar';
 WithoutAvatar.decorators = [opinionDecorator];
 
-export const AllPillars = () => (
-	<div css={containerStyles}>
-		<ContributorProfile
-			id={mockContributor.id}
-			displayName={mockContributor.displayName}
-			avatarUrl={mockContributor.avatarUrl}
-			bio={mockContributor.bio}
-		/>
-	</div>
-);
-AllPillars.storyName = 'All Pillars';
-AllPillars.decorators = [allPillarsDecorator];
-
 export const LongBio = () => (
 	<div css={containerStyles}>
-		<ContributorProfile
+		<FollowButtonWithContributorProfile
 			id="profile/marina-hyde"
 			displayName="Marina Hyde"
 			avatarUrl={mockContributor.avatarUrl}

dotcom-rendering/src/layouts/CommentLayout.tsx

@@ -17,7 +17,7 @@ import { ArticleTitle } from '../components/ArticleTitle';
 import { Border } from '../components/Border';
 import { Carousel } from '../components/Carousel.importable';
 import { ContributorAvatar } from '../components/ContributorAvatar';
-import { ContributorProfile } from '../components/ContributorProfile.importable';
+import { FollowButtonWithContributorProfile } from '../components/FollowButtonsWithContributorProfile.importable';
 import { DiscussionLayout } from '../components/DiscussionLayout';
 import { Footer } from '../components/Footer';
 import { GridItem } from '../components/GridItem';
@@ -652,7 +652,7 @@ export const CommentLayout = (props: WebProps | AppsProps) => {
 												priority="feature"
 												defer={{ until: 'visible' }}
 											>
-												<ContributorProfile
+												<FollowButtonWithContributorProfile
 													id={soleContributor.id}
 													displayName={
 														soleContributor.title