From 10fb3ec347e34c6cd490c90abe6d01e4f98bce1d Mon Sep 17 00:00:00 2001
From: Rajarshee Chatterjee <rajarshee.adm@gmail.com>
Date: Wed, 16 Mar 2022 06:37:40 +0530
Subject: [PATCH] Minor fixes

---
 package-lock.json                            | 17 +++++++++++++++++
 package.json                                 |  1 +
 src/screens/reader/components/TextReader.tsx | 11 +++++++++--
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 05ab1d47..5608b7d0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53,6 +53,7 @@
         "react-native-render-html": "^6.3.4",
         "react-native-safe-area-context": "^3.2.0",
         "react-native-screens": "^3.9.0",
+        "react-native-skeleton-placeholder": "^5.0.0",
         "react-native-swipe-gestures": "^1.0.5",
         "react-native-tab-view": "^3.1.1",
         "react-native-tts": "^4.1.0",
@@ -11410,6 +11411,17 @@
         "react": "^17.0.0"
       }
     },
+    "node_modules/react-native-skeleton-placeholder": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-skeleton-placeholder/-/react-native-skeleton-placeholder-5.0.0.tgz",
+      "integrity": "sha512-7sdG+Y2ENEVcxFC9XlpCgHy59XKkxaUyVqDwuAb66hvl7lwFr25uA5kHJ+JuDJ84ptVil5UEowW/2avwhsfoYg==",
+      "peerDependencies": {
+        "@react-native-masked-view/masked-view": "^0.2.3",
+        "react": ">=0.14.8",
+        "react-native": ">=0.50.1",
+        "react-native-linear-gradient": "^2.5.6"
+      }
+    },
     "node_modules/react-native-stream": {
       "version": "0.1.9",
       "resolved": "https://registry.npmjs.org/react-native-stream/-/react-native-stream-0.1.9.tgz",
@@ -23426,6 +23438,11 @@
         }
       }
     },
+    "react-native-skeleton-placeholder": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-skeleton-placeholder/-/react-native-skeleton-placeholder-5.0.0.tgz",
+      "integrity": "sha512-7sdG+Y2ENEVcxFC9XlpCgHy59XKkxaUyVqDwuAb66hvl7lwFr25uA5kHJ+JuDJ84ptVil5UEowW/2avwhsfoYg=="
+    },
     "react-native-stream": {
       "version": "0.1.9",
       "resolved": "https://registry.npmjs.org/react-native-stream/-/react-native-stream-0.1.9.tgz",
diff --git a/package.json b/package.json
index 2eb19c35..51002ec8 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
     "react-native-render-html": "^6.3.4",
     "react-native-safe-area-context": "^3.2.0",
     "react-native-screens": "^3.9.0",
+    "react-native-skeleton-placeholder": "^5.0.0",
     "react-native-swipe-gestures": "^1.0.5",
     "react-native-tab-view": "^3.1.1",
     "react-native-tts": "^4.1.0",
diff --git a/src/screens/reader/components/TextReader.tsx b/src/screens/reader/components/TextReader.tsx
index 021feedd..33564938 100644
--- a/src/screens/reader/components/TextReader.tsx
+++ b/src/screens/reader/components/TextReader.tsx
@@ -1,5 +1,11 @@
 import React from 'react';
-import { StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import {
+  StatusBar,
+  StyleSheet,
+  Text,
+  useWindowDimensions,
+  View,
+} from 'react-native';
 import RenderHtml from 'react-native-render-html';
 import sanitizeHtml from 'sanitize-html';
 
@@ -62,7 +68,8 @@ const TextReader: React.FC<TextReaderProps> = ({
           },
         }}
         baseStyle={{
-          padding: `${reader.padding}%`,
+          paddingHorizontal: `${reader.padding}%`,
+          paddingTop: (StatusBar.currentHeight || 0) + 16,
         }}
       />
       <View style={styles.navigationContainer}>