feat(ui): allow disabling animations

ui/src/Components/Animations/DropdownSlide/index.tsx

@@ -2,20 +2,26 @@ import React, { FC, ReactNode } from "react";
 
 import { CSSTransition } from "react-transition-group";
 
+import { ThemeContext } from "Components/Theme";
+
 const DropdownSlide: FC<{
   children: ReactNode;
   in?: boolean;
   unmountOnExit?: boolean;
-}> = ({ children, ...props }) => (
-  <CSSTransition
-    classNames="components-animation-slide"
-    timeout={150}
-    appear={true}
-    exit={true}
-    {...props}
-  >
-    {children}
-  </CSSTransition>
-);
+}> = ({ children, ...props }) => {
+  const context = React.useContext(ThemeContext);
+
+  return (
+    <CSSTransition
+      classNames="components-animation-slide"
+      timeout={context.animations.duration ? 150 : 0}
+      appear={true}
+      exit={true}
+      {...props}
+    >
+      {children}
+    </CSSTransition>
+  );
+};
 
 export { DropdownSlide };