From 2b9917476ef34f76fabecab687465ee053841c39 Mon Sep 17 00:00:00 2001
From: Konrad Kalemba <konrad_kal@hotmail.com>
Date: Thu, 26 Mar 2020 20:23:48 +0100
Subject: [PATCH] Prettier

---
 .gitignore                                 |   3 +
 src/components/Common/ResponsiveTab.jsx    |  28 +--
 src/components/DailyGrowth/DailyGrowth.jsx | 192 ++++++++++-----------
 src/components/DataElement/DataElement.jsx |   2 +-
 src/components/Layout/Mobile.jsx           |   4 +-
 src/translations/en.json                   |   2 +-
 src/translations/pl.json                   |   2 +-
 7 files changed, 118 insertions(+), 115 deletions(-)

diff --git a/.gitignore b/.gitignore
index c6e0519..c2c1256 100644
--- a/.gitignore
+++ b/.gitignore
@@ -29,3 +29,6 @@ yarn-error.log*
 
 # IntellJ / Webstorm
 /.idea
+
+# VS Code
+.vscode
\ No newline at end of file
diff --git a/src/components/Common/ResponsiveTab.jsx b/src/components/Common/ResponsiveTab.jsx
index 5890f3c..9c712c5 100644
--- a/src/components/Common/ResponsiveTab.jsx
+++ b/src/components/Common/ResponsiveTab.jsx
@@ -2,17 +2,17 @@ import React from 'react';
 import { Tab } from 'baseui/tabs';
 
 export default function ResponsiveTab(props) {
-    return (
-        <Tab
-          overrides={{
-            Tab: {
-              style: {
-                flexGrow: 1,
-                textAlign: 'center'
-              },
-            },
-          }}
-          {...props}
-        />
-      );
-}
\ No newline at end of file
+  return (
+    <Tab
+      overrides={{
+        Tab: {
+          style: {
+            flexGrow: 1,
+            textAlign: 'center',
+          },
+        },
+      }}
+      {...props}
+    />
+  );
+}
diff --git a/src/components/DailyGrowth/DailyGrowth.jsx b/src/components/DailyGrowth/DailyGrowth.jsx
index d590208..3af6d94 100644
--- a/src/components/DailyGrowth/DailyGrowth.jsx
+++ b/src/components/DailyGrowth/DailyGrowth.jsx
@@ -44,7 +44,7 @@ function accumulateData(data) {
       [DEATHS_KEY]: cumulativeDeaths,
       [DAILY_DEATH_KEY]: deathsDateCount,
       [CURES_KEY]: cumulativeCures,
-      [DAILY_CURES_KEY]: curesDateCount
+      [DAILY_CURES_KEY]: curesDateCount,
     };
   });
 }
@@ -54,7 +54,7 @@ export default function DailyGrowth() {
 
   const { t } = useTranslation();
   const [groupedData, setGroupedData] = useState(null);
-  const [activeKey, setActiveKey] = useState("0");
+  const [activeKey, setActiveKey] = useState('0');
   const [, theme] = useStyletron();
 
   useEffect(() => {
@@ -76,100 +76,100 @@ export default function DailyGrowth() {
       {isLoading ? (
         <Loader />
       ) : (
-          <Tabs
-            onChange={({ activeKey }) => {
-              setActiveKey(activeKey);
-            }}
-            activeKey={activeKey}
-          >
-            <ResponsiveTab title={t('casesOverall')}>
-              <StyledBody>
-                <Block
-                  $style={{
-                    margin: '12px 0 20px',
-                  }}
-                />
-                <ResponsiveContainer height={180}>
-                  <LineChart data={groupedData}>
-                    <XAxis dataKey='date' />
-                    <YAxis hide={true} />
-                    <Tooltip
-                      contentStyle={{
-                        backgroundColor: theme.colors.backgroundPrimary,
-                        borderColor: theme.colors.backgroundTertiary,
-                      }}
-                      cursor={{ fill: theme.colors.backgroundTertiary }}
-                    />
-                    <Line
-                      name={t('confirmedCasesShort')}
-                      type='monotone'
-                      dataKey={CASES_KEY}
-                      strokeWidth={2}
-                      stroke={theme.colors.negative}
-                      dot={false}
-                    />
-                    <Line
-                      name={t('deaths')}
-                      type='monotone'
-                      dataKey={DEATHS_KEY}
-                      strokeWidth={2}
-                      stroke={theme.colors.primary}
-                      dot={false}
-                    />
-                    <Line
-                      name={t('cured')}
-                      type='monotone'
-                      dataKey={CURES_KEY}
-                      strokeWidth={2}
-                      stroke={theme.colors.positive}
-                      dot={false}
-                    />
-                  </LineChart>
-                </ResponsiveContainer>
-              </StyledBody>
-            </ResponsiveTab>
-            <ResponsiveTab title={t('casesDaily')}>
-              <StyledBody>
-                <Block
-                  $style={{
-                    margin: '12px 0 20px',
-                  }}
-                />
-                <ResponsiveContainer height={180}>
-                  <BarChart data={groupedData}>
-                    <XAxis dataKey="date" />
-                    <YAxis hide={true} />
-                    <Tooltip
-                      contentStyle={{
-                        backgroundColor: theme.colors.backgroundPrimary,
-                        borderColor: theme.colors.backgroundTertiary
-                      }}
-                      cursor={{ fill: theme.colors.backgroundTertiary }}
-                    />
-                    <Bar
-                      name={t('confirmedCasesShort')}
-                      stackId={STACK_PER_DATE_ID}
-                      dataKey={DAILY_CASES_KEY}
-                      fill={theme.colors.negative}
-                    />
-                    <Bar
-                      name={t('deaths')}
-                      stackId={STACK_PER_DATE_ID}
-                      dataKey={DAILY_DEATH_KEY}
-                      fill={theme.colors.primary}
-                    />
-                    <Bar
-                      name={t('cured')}
-                      stackId={STACK_PER_DATE_ID}
-                      dataKey={DAILY_CURES_KEY}
-                      fill={theme.colors.positive}
-                    />
-                  </BarChart>
-                </ResponsiveContainer>
-              </StyledBody>
-            </ResponsiveTab>
-          </Tabs>
-        )}
+        <Tabs
+          onChange={({ activeKey }) => {
+            setActiveKey(activeKey);
+          }}
+          activeKey={activeKey}
+        >
+          <ResponsiveTab title={t('casesOverall')}>
+            <StyledBody>
+              <Block
+                $style={{
+                  margin: '12px 0 20px',
+                }}
+              />
+              <ResponsiveContainer height={180}>
+                <LineChart data={groupedData}>
+                  <XAxis dataKey='date' />
+                  <YAxis hide={true} />
+                  <Tooltip
+                    contentStyle={{
+                      backgroundColor: theme.colors.backgroundPrimary,
+                      borderColor: theme.colors.backgroundTertiary,
+                    }}
+                    cursor={{ fill: theme.colors.backgroundTertiary }}
+                  />
+                  <Line
+                    name={t('confirmedCasesShort')}
+                    type='monotone'
+                    dataKey={CASES_KEY}
+                    strokeWidth={2}
+                    stroke={theme.colors.negative}
+                    dot={false}
+                  />
+                  <Line
+                    name={t('deaths')}
+                    type='monotone'
+                    dataKey={DEATHS_KEY}
+                    strokeWidth={2}
+                    stroke={theme.colors.primary}
+                    dot={false}
+                  />
+                  <Line
+                    name={t('cured')}
+                    type='monotone'
+                    dataKey={CURES_KEY}
+                    strokeWidth={2}
+                    stroke={theme.colors.positive}
+                    dot={false}
+                  />
+                </LineChart>
+              </ResponsiveContainer>
+            </StyledBody>
+          </ResponsiveTab>
+          <ResponsiveTab title={t('casesDaily')}>
+            <StyledBody>
+              <Block
+                $style={{
+                  margin: '12px 0 20px',
+                }}
+              />
+              <ResponsiveContainer height={180}>
+                <BarChart data={groupedData}>
+                  <XAxis dataKey='date' />
+                  <YAxis hide={true} />
+                  <Tooltip
+                    contentStyle={{
+                      backgroundColor: theme.colors.backgroundPrimary,
+                      borderColor: theme.colors.backgroundTertiary,
+                    }}
+                    cursor={{ fill: theme.colors.backgroundTertiary }}
+                  />
+                  <Bar
+                    name={t('confirmedCasesShort')}
+                    stackId={STACK_PER_DATE_ID}
+                    dataKey={DAILY_CASES_KEY}
+                    fill={theme.colors.negative}
+                  />
+                  <Bar
+                    name={t('deaths')}
+                    stackId={STACK_PER_DATE_ID}
+                    dataKey={DAILY_DEATH_KEY}
+                    fill={theme.colors.primary}
+                  />
+                  <Bar
+                    name={t('cured')}
+                    stackId={STACK_PER_DATE_ID}
+                    dataKey={DAILY_CURES_KEY}
+                    fill={theme.colors.positive}
+                  />
+                </BarChart>
+              </ResponsiveContainer>
+            </StyledBody>
+          </ResponsiveTab>
+        </Tabs>
+      )}
     </StyledCard>
   );
 }
diff --git a/src/components/DataElement/DataElement.jsx b/src/components/DataElement/DataElement.jsx
index ac9d159..0da10cc 100644
--- a/src/components/DataElement/DataElement.jsx
+++ b/src/components/DataElement/DataElement.jsx
@@ -59,7 +59,7 @@ export default function DataElement() {
                 textAlign: 'left',
                 padding: '14px',
               },
-            }
+            },
           }}
         >
           <ResponsiveTab title={t('confirmedCases')}>
diff --git a/src/components/Layout/Mobile.jsx b/src/components/Layout/Mobile.jsx
index 38ce59f..12f61a8 100644
--- a/src/components/Layout/Mobile.jsx
+++ b/src/components/Layout/Mobile.jsx
@@ -29,7 +29,7 @@ const FlexGridItemCentered = ({ children }) => {
         display: 'flex',
         width: '100%',
         padding: '10px',
-        justifyContent: 'center'
+        justifyContent: 'center',
       })}
     >
       {children}
@@ -66,7 +66,7 @@ export default function Mobile() {
           <div
             className={css({
               display: 'flex',
-              justifyContent: 'space-around'
+              justifyContent: 'space-around',
             })}
           >
             <FlexGridItemCentered>
diff --git a/src/translations/en.json b/src/translations/en.json
index 156af13..33f4e59 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -23,7 +23,7 @@
   "contact": "Contact",
   "openSourceApp": "The application is 'open-source' - anyone willing can directly help in the development of the project. Source code can be found at the following link:",
   "contributors": "Contributors",
-  "casesOverall" : "Overall",
+  "casesOverall": "Overall",
   "casesDaily": "Daily",
   "curedInfo": "The daily number of healed was corrected after misinterpreting the GIS message, which spoke of 13 healers.",
   "loadingData": "Loading data",
diff --git a/src/translations/pl.json b/src/translations/pl.json
index a0b49e7..beb1610 100644
--- a/src/translations/pl.json
+++ b/src/translations/pl.json
@@ -23,7 +23,7 @@
   "contact": "Kontakt",
   "openSourceApp": "Aplikacja jest 'open-source' — każdy chętny może bezpośrednio pomóc w rozwoju projektu. Kod źródłowy znajduje się pod poniższym odnośnikiem:",
   "contributors": "Współtwórcy",
-  "casesOverall" : "Wszystkie",
+  "casesOverall": "Wszystkie",
   "casesDaily": "Dzienne",
   "curedInfo": "Liczba wyleczonych została skorygowana po błędnej interpretacji komunikatu GIS-u, który mówił o 13 ozdrowiałych.",
   "loadingData": "Ładowanie danych",