From f4f8689631d247f0be93c2f32791c9ba02ecb64e Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sat, 18 Apr 2020 21:01:34 +0300
Subject: style: fix index.tsx

---
 src/index.tsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

(limited to 'src/index.tsx')

diff --git a/src/index.tsx b/src/index.tsx
index ac7bfc2..c5e1989 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -96,7 +96,8 @@ const LivePreviewPage: React.FC<LivePropTypes> = ({ setLivePreviewData }) => {
     <>
       <ContentSection sectionName="Markdown live preview" level={2}>
         <p>
-          Start typing and see your text rendered on the left window! We recommend starting with # Header.
+          Start typing and see your text rendered on the left window!
+          We recommend starting with # Header.
         </p>
         <p>
           <TextField
@@ -127,6 +128,7 @@ const App: React.FC = () => {
   const url = pageMap[page];
   const fileName = url?.slice(url.lastIndexOf('/') + 1);
   const info = [
+    /* eslint-disable max-len */
     `## Markdown\n [Markdown file](${url}) *(...${fileName})* that you can see on the left was parsed and rendered by **BENZIN**! :rocket:`,
     'Switch between tabs on the header to explore other markdown templates. :recycle: ',
     'Currently **only core features** of markdown function.',
@@ -137,8 +139,15 @@ const App: React.FC = () => {
     'const data = \'# Header\\nHello, *world!*\';',
     'ReactDOM.render(<Markdown data={data}/>, document.getElementById(\'root\'));',
     '```',
+    /* eslint-enable max-len */
   ].join('\n');
 
+  let primaryWindowContent = <Markdown url={url} />;
+  if (page === 'custom') primaryWindowContent = <CustomPage />;
+  else if (page === 'live preview') {
+    primaryWindowContent = <Markdown data={livePreviewData || '# Start typing in the right window!'} />;
+  }
+
   return (
     <Benzin>
       <Header
@@ -151,15 +160,7 @@ const App: React.FC = () => {
         setPage={setPage}
       />
       <Window type="primary">
-        <div className={classes.window}>
-          {
-            (page === 'custom')
-              ? <CustomPage />
-              : (page === 'live preview')
-                ? <Markdown data={livePreviewData || '# Start typing in the right window!'} />
-                : <Markdown url={url} />
-          }
-        </div>
+        <div className={classes.window}>{primaryWindowContent}</div>
       </Window>
       <Window type="secondary" name="Feature preview">
         <div className={classes.window}>
-- 
cgit v1.2.3

