From 572176cacd94d8497fc1afaa7296ef5de70729b3 Mon Sep 17 00:00:00 2001
From: sadickisaac <isaac.odhiambo@andela.com>
Date: Tue, 26 May 2020 11:17:06 +0300
Subject: [PATCH] Rename MediumGridWrapper to GridWrapperMedium

---
 src/app/lib/styledGrid/index.jsx         | 4 ++--
 src/app/pages/ArticlePage/index.jsx      | 6 +++---
 src/app/pages/PhotoGalleryPage/index.jsx | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/lib/styledGrid/index.jsx b/src/app/lib/styledGrid/index.jsx
index 7acd4e03baf..6c58f38f664 100644
--- a/src/app/lib/styledGrid/index.jsx
+++ b/src/app/lib/styledGrid/index.jsx
@@ -52,7 +52,7 @@ const mediumColumns = {
   group5: 10,
 };
 
-export const MediumGridWrapper = ({ children }) => {
+export const GridWrapperMedium = ({ children }) => {
   return (
     <Grid
       enableGelGutters
@@ -64,7 +64,7 @@ export const MediumGridWrapper = ({ children }) => {
   );
 };
 
-MediumGridWrapper.propTypes = {
+GridWrapperMedium.propTypes = {
   children: node.isRequired,
 };
 
diff --git a/src/app/pages/ArticlePage/index.jsx b/src/app/pages/ArticlePage/index.jsx
index 6010ff984ba..c6e289d6798 100644
--- a/src/app/pages/ArticlePage/index.jsx
+++ b/src/app/pages/ArticlePage/index.jsx
@@ -27,7 +27,7 @@ import text from '#containers/Text';
 import image from '#containers/Image';
 import Blocks from '#containers/Blocks';
 import timestamp from '#containers/ArticleTimestamp';
-import { MediumContentContainer, MediumGridWrapper } from '#lib/styledGrid';
+import { MediumContentContainer, GridWrapperMedium } from '#lib/styledGrid';
 import ATIAnalytics from '#containers/ATIAnalytics';
 import ChartbeatAnalytics from '#containers/ChartbeatAnalytics';
 import articleMediaPlayer from '#containers/ArticleMediaPlayer';
@@ -135,12 +135,12 @@ const ArticlePage = ({ pageData, mostReadEndpointOverride }) => {
         aboutTags={aboutTags}
       />
       <MediumContentContainer role="main" as="main">
-        <MediumGridWrapper>
+        <GridWrapperMedium>
           <Blocks
             blocks={path(['content', 'model', 'blocks'], pageData)}
             componentsToRender={componentsToRender}
           />
-        </MediumGridWrapper>
+        </GridWrapperMedium>
       </MediumContentContainer>
       <MostReadContainer
         mostReadEndpointOverride={mostReadEndpointOverride}
diff --git a/src/app/pages/PhotoGalleryPage/index.jsx b/src/app/pages/PhotoGalleryPage/index.jsx
index 8eae6d8e333..feb96506973 100644
--- a/src/app/pages/PhotoGalleryPage/index.jsx
+++ b/src/app/pages/PhotoGalleryPage/index.jsx
@@ -8,7 +8,7 @@ import {
 import { GEL_GROUP_4_SCREEN_WIDTH_MIN } from '@bbc/gel-foundations/breakpoints';
 import path from 'ramda/src/path';
 import pathOr from 'ramda/src/pathOr';
-import { MediumContentContainer, MediumGridWrapper } from '#lib/styledGrid';
+import { MediumContentContainer, GridWrapperMedium } from '#lib/styledGrid';
 import { getImageParts } from '#app/routes/cpsAsset/getInitialData/convertToOptimoBlocks/blocks/image/helpers';
 import CpsMetadata from '#containers/CpsMetadata';
 import LinkedData from '#containers/LinkedData';
@@ -106,9 +106,9 @@ const PhotoGalleryPage = ({ pageData }) => {
       />
       <ATIAnalytics data={pageData} />
       <StyledGrid as="main" role="main">
-        <MediumGridWrapper>
+        <GridWrapperMedium>
           <Blocks blocks={blocks} componentsToRender={componentsToRender} />
-        </MediumGridWrapper>
+        </GridWrapperMedium>
       </StyledGrid>
       <CpsRelatedContent content={relatedContent} enableGridWrapper />
     </>