From 5159c239d540ec87f7ad26c379948780f85dfd00 Mon Sep 17 00:00:00 2001
From: marcobaobao <marco.piovanello@gmail.com>
Date: Tue, 22 Feb 2022 16:11:18 +0100
Subject: [PATCH] fix footer

---
 frontend/src/components/Footer.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index d3e039e..e42890b 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -8,6 +8,8 @@ type Props = {
     connected: boolean,
 }
 
+const isDesktop = window.innerWidth > 510;
+
 export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props) => {
     return (
         <footer className="footer">
@@ -19,10 +21,13 @@ export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props)
                     <HddStackFill></HddStackFill> {' '}
                     <small>{freeSpace ? `${freeSpace.trim()}iB` : '-'}</small>
                 </span>
-                <span className="px-3 separator">
-                    <Ethernet></Ethernet> {' '}
-                    <small>{serverAddr ? `${serverAddr}:3022` : 'not defined'}</small>
-                </span>
+                {isDesktop ?
+                    <span className="px-3 separator">
+                        <Ethernet></Ethernet> {' '}
+                        <small>{serverAddr ? `${serverAddr}:3022` : 'not defined'}</small>
+                    </span> :
+                    null
+                }
                 <span className="px-3 separator">
                     <small title={connected ? 'Successfully connected!' : 'Can\'t connect to server'}>
                         {connected ?