Fix: Don't lose focus on send.

Sidebar: Show home button on mobile.

src/components/common/messaging/MessageBox.tsx

@@ -501,7 +501,9 @@ export default function MessageBox({ channel }: Props) {
                     {/*<IconButton onClick={emojiPicker}>
                         <HappyAlt size={20} />
                 </IconButton>*/}
-                    <IconButton className="mobile" onClick={send}>
+                    <IconButton
+                        className="mobile" onClick={send}
+                        onMouseDown={e => e.preventDefault()}>
                         <Send size={20} />
                     </IconButton>
                 </Action>

src/components/navigation/left/HomeSidebar.tsx

@@ -82,8 +82,6 @@ function HomeSidebar(props: Props) {
         <GenericSidebarBase padding>
             <ConnectionStatus />
             <GenericSidebarList>
-                {!isTouchscreenDevice && (
-                    <>
                 <ConditionalLink active={pathname === "/"} to="/">
                     <ButtonItem active={pathname === "/"}>
                         <Home size={20} />
@@ -92,6 +90,8 @@ function HomeSidebar(props: Props) {
                         </span>
                     </ButtonItem>
                 </ConditionalLink>
+                {!isTouchscreenDevice && (
+                    <>
                         <ConditionalLink
                             active={pathname === "/friends"}
                             to="/friends">

src/components/navigation/left/ServerListSidebar.tsx

@@ -28,6 +28,7 @@ import IconButton from "../../ui/IconButton";
 import LineDivider from "../../ui/LineDivider";
 import { mapChannelWithUnread } from "./common";
 
+import logoSVG from '../../../assets/logo.svg';
 import { Children } from "../../../types/Preact";
 import UserHover from "../../common/user/UserHover";
 
@@ -237,6 +238,10 @@ export function ServerListSidebar({ unreads, lastOpened }: Props) {
                     active={homeActive}
                     to={lastOpened.home ? `/channel/${lastOpened.home}` : "/"}>
                     <ServerEntry home active={homeActive}>
+                        { isTouchscreenDevice ?
+                            <Icon size={42} unread={homeUnread}>
+                                <img style={{ width: 32, height: 32 }} src={logoSVG} />
+                            </Icon> :
                             <div
                                 onContextMenu={attachContextMenu("Status")}
                                 onClick={() =>
@@ -248,6 +253,7 @@ export function ServerListSidebar({ unreads, lastOpened }: Props) {
                                     </Icon>
                                 </UserHover>
                             </div>
+                        }
                         <span />
                     </ServerEntry>
                 </ConditionalLink>