running yarn ready

ts/components/basic/PillContainer.tsx

@@ -33,10 +33,10 @@ const StyledPillContainer = styled.div<PillContainerProps>`
 
 const StyledPillContainerHoverable = styled.div<PillContainerProps>`
   background: none;
-  
+
   position: relative;
   flex-direction: 'row';
-  
+
   width: 50%;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -45,7 +45,6 @@ const StyledPillContainerHoverable = styled.div<PillContainerProps>`
   margin: ${props => props.margin || ''};
 `;
 
-
 const StyledPillInner = styled.div<PillContainerProps>`
   background: green;
   background: none;
@@ -81,4 +80,4 @@ export const PillTooltipWrapper = (props: PillContainerProps) => {
 
 export const PillContainerHoverable = (props: PillContainerProps) => {
   return <StyledPillInner {...props}>{props.children}</StyledPillInner>;
-};
+};

ts/components/session/SessionJoinableDefaultRooms.tsx

@@ -12,7 +12,7 @@ import { Flex } from '../basic/Flex';
 import { PillContainerHoverable, PillTooltipWrapper } from '../basic/PillContainer';
 import { H3 } from '../basic/Text';
 import { SessionSpinner } from './SessionSpinner';
-import styled, { DefaultTheme, useTheme } from "styled-components";
+import styled, { DefaultTheme, useTheme } from 'styled-components';
 // tslint:disable: no-void-expression
 
 export type JoinableRoomProps = {
@@ -108,43 +108,39 @@ const SessionJoinableRoomRow = (props: JoinableRoomProps) => {
 
   const handleMouseEnter = () => {
     setIsHovering(true);
-    setDelayHandler(setTimeout(() => {
-      setHoverDelayReached(true);
-    }, 750))
-  }
+    setDelayHandler(
+      setTimeout(() => {
+        setHoverDelayReached(true);
+      }, 750)
+    );
+  };
   const handleMouseLeave = () => {
     setIsHovering(false);
     setHoverDelayReached(false);
     if (delayHandler) {
       clearTimeout(delayHandler);
     }
-  }
+  };
 
   const showTooltip = hoverDelayReached && isHovering;
 
   return (
-      <PillTooltipWrapper>
-        <PillContainerHoverable
-          onClick={() => {
-            props.onClick(props.completeUrl);
-          }}
-          margin="5px"
-          padding="5px"
-          onMouseEnter={handleMouseEnter}
-          onMouseLeave={handleMouseLeave}
-        >
-          <SessionJoinableRoomAvatar {...props} />
-          <SessionJoinableRoomName {...props} />
-        </PillContainerHoverable>
-
-
-        {showTooltip && 
-          <StyledToolTip theme={theme}>
-            {props.name}
-          </StyledToolTip>
-        }
-
-      </PillTooltipWrapper>
+    <PillTooltipWrapper>
+      <PillContainerHoverable
+        onClick={() => {
+          props.onClick(props.completeUrl);
+        }}
+        margin="5px"
+        padding="5px"
+        onMouseEnter={handleMouseEnter}
+        onMouseLeave={handleMouseLeave}
+      >
+        <SessionJoinableRoomAvatar {...props} />
+        <SessionJoinableRoomName {...props} />
+      </PillContainerHoverable>
+
+      {showTooltip && <StyledToolTip theme={theme}>{props.name}</StyledToolTip>}
+    </PillTooltipWrapper>
   );
 };