From b877dab7de8145ae552d2746ae1bdde8ba5cadd7 Mon Sep 17 00:00:00 2001
From: Brian Jian Zhao <jian10au@gmail.com>
Date: Mon, 24 Feb 2020 10:46:27 +1100
Subject: [PATCH] refactor the code related to checking slider type

---
 .../session/settings/SessionSettingListItem.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/ts/components/session/settings/SessionSettingListItem.tsx b/ts/components/session/settings/SessionSettingListItem.tsx
index c84c047e5..e7bc66e4a 100644
--- a/ts/components/session/settings/SessionSettingListItem.tsx
+++ b/ts/components/session/settings/SessionSettingListItem.tsx
@@ -88,7 +88,7 @@ export class SessionSettingListItem extends React.Component<Props, State> {
             />
           )}
 
-          {type === SessionSettingType.Slider && title === 'messageTTL' ? (
+          {type === SessionSettingType.Slider && title === 'Message TTL' ? (
             <div className="slider-wrapper">
               <Slider
                 dots={true}
@@ -105,9 +105,8 @@ export class SessionSettingListItem extends React.Component<Props, State> {
                 <p>{`${currentSliderValue} Hours`}</p>
               </div>
             </div>
-          ):type === SessionSettingType.Slider ? (
+          ):type === SessionSettingType.Slider && title === "Zoom Factor" ? (
             <div>
-
                <Slider
                 dots={true}
                 step={20}
@@ -118,11 +117,13 @@ export class SessionSettingListItem extends React.Component<Props, State> {
                   this.handleSlider(sliderValue);
                 }}
                 />
+
                 <div className="slider-info">
-                <p>{`% ${currentSliderValue} Zoom Level`}</p>
-              </div>
-              </div>
+                  <p>{`% ${currentSliderValue} Zoom Level`}</p>
+                </div>
+            </div>
           ):
+
           null}
         </div>
       </div>
@@ -144,7 +145,9 @@ export class SessionSettingListItem extends React.Component<Props, State> {
       sliderValue: value,
     });
 
-    if(this.props.title !== 'messageTTL' && this.state.sliderValue!==null) {
+    console.log(this.props.title, 'from here')
+
+    if(this.props.title === 'Zoom Factor' && this.state.sliderValue!==null) {
       window.setZoomFactor(this.state.sliderValue/100)
     }