Minor tweaks

papercups-io · Aug 28, 2020 · d45b8bf · d45b8bf
1 parent d5e8947
commit d45b8bf
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/EmbeddableWidget.tsx b/src/components/EmbeddableWidget.tsx
@@ -301,7 +301,7 @@ class EmbeddableWidget extends React.Component<Props, State> {
           this.setState({isOpen, isTransitioning: false}, () =>
             this.send('papercups:toggle', {isOpen})
           );
-        }, 400);
+        }, 200);
       });
     } else {
       this.setState({isOpen}, () => this.send('papercups:toggle', {isOpen}));
@@ -371,7 +371,10 @@ class EmbeddableWidget extends React.Component<Props, State> {
             variant: 'styles.WidgetToggleContainer',
           }}
         >
-          <WidgetToggle toggle={this.handleToggleOpen} />
+          <WidgetToggle
+            isDisabled={isTransitioning}
+            toggle={this.handleToggleOpen}
+          />
         </motion.div>
       </ThemeProvider>
     );

diff --git a/src/components/WidgetToggle.tsx b/src/components/WidgetToggle.tsx
@@ -12,7 +12,13 @@ const Path = (props: any) => (
   />
 );
 
-export const WidgetToggle = ({toggle}: {toggle: () => void}) => {
+export const WidgetToggle = ({
+  isDisabled,
+  toggle,
+}: {
+  isDisabled?: boolean;
+  toggle: () => void;
+}) => {
   return (
     <Flex
       sx={{
@@ -29,6 +35,7 @@ export const WidgetToggle = ({toggle}: {toggle: () => void}) => {
         sx={{
           variant: 'styles.WidgetToggle',
         }}
+        disabled={isDisabled}
         onClick={toggle}
       >
         <svg width='27' height='27' viewBox='0 0 27 27'>