From 4c7cde70549460b9355c0cffc0a080fc5f915894 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Tue, 29 Jan 2019 16:51:59 +0200
Subject: [PATCH] relativeSize css class renamed to relativeSide

---
 src/common/MetaItem/MetaItem.js | 8 ++++----
 src/common/MetaItem/styles.less | 4 ++--
 src/routes/Board/Board.js       | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/common/MetaItem/MetaItem.js b/src/common/MetaItem/MetaItem.js
index c0dd8c00d..b09d06461 100644
--- a/src/common/MetaItem/MetaItem.js
+++ b/src/common/MetaItem/MetaItem.js
@@ -20,7 +20,7 @@ class MetaItem extends Component {
             nextProps.popupClassName !== this.props.popupClassName ||
             nextProps.id !== this.props.id ||
             nextProps.type !== this.props.type ||
-            nextProps.relativeSize !== this.props.relativeSize ||
+            nextProps.relativeSide !== this.props.relativeSide ||
             nextProps.posterShape !== this.props.posterShape ||
             nextProps.poster !== this.props.poster ||
             nextProps.title !== this.props.title ||
@@ -120,7 +120,7 @@ class MetaItem extends Component {
 
     render() {
         return (
-            <Button className={classnames(styles['meta-item-container'], styles[`relative-size-${this.props.relativeSize}`], styles[`poster-shape-${this.props.posterShape}`], this.props.className)} data-meta-item-id={this.props.id} onClick={this.onClick}>
+            <Button className={classnames(styles['meta-item-container'], styles[`relative-side-${this.props.relativeSide}`], styles[`poster-shape-${this.props.posterShape}`], this.props.className)} data-meta-item-id={this.props.id} onClick={this.onClick}>
                 {this.renderPoster()}
                 {this.renderInfoBar()}
             </Button>
@@ -135,7 +135,7 @@ MetaItem.propTypes = {
     menuOptionOnSelect: PropTypes.func,
     id: PropTypes.string.isRequired,
     type: PropTypes.string.isRequired,
-    relativeSize: PropTypes.oneOf(['auto', 'height']).isRequired,
+    relativeSide: PropTypes.oneOf(['auto', 'height']).isRequired,
     posterShape: PropTypes.oneOf(['poster', 'landscape', 'square']).isRequired,
     poster: PropTypes.string.isRequired,
     title: PropTypes.string.isRequired,
@@ -148,7 +148,7 @@ MetaItem.propTypes = {
     })).isRequired
 };
 MetaItem.defaultProps = {
-    relativeSize: 'auto',
+    relativeSide: 'auto',
     posterShape: 'square',
     poster: '',
     title: '',
diff --git a/src/common/MetaItem/styles.less b/src/common/MetaItem/styles.less
index 16fd27920..2d679e1f6 100644
--- a/src/common/MetaItem/styles.less
+++ b/src/common/MetaItem/styles.less
@@ -120,7 +120,7 @@
     }
 
     &.poster-shape-poster {
-        &.relative-size-auto {
+        &.relative-side-auto {
             .poster-image-container {
                 width: var(--poster-relative-size);
                 height: calc(var(--poster-relative-size) * var(--poster-shape-ratio));
@@ -131,7 +131,7 @@
             }
         }
 
-        &.relative-size-height {
+        &.relative-side-height {
             .poster-image-container {
                 width: calc(var(--poster-relative-size) / var(--poster-shape-ratio));
                 height: var(--poster-relative-size);
diff --git a/src/routes/Board/Board.js b/src/routes/Board/Board.js
index 110b72bf1..590c92f0b 100644
--- a/src/routes/Board/Board.js
+++ b/src/routes/Board/Board.js
@@ -56,7 +56,7 @@ class Board extends PureComponent {
                             key={props.id}
                             className={styles['meta-item']}
                             popupClassName={styles['meta-item-popup-container']}
-                            relativeSize={'height'}
+                            relativeSide={'height'}
                             menuOptions={CONTINUE_WATCHING_MENU}
                             onClick={this.onClick}
                             menuOptionOnSelect={this.menuOptionOnSelect}