Fix "animation modal" not showing

CHANGELOG.unreleased.md

@@ -29,6 +29,7 @@ For upgrade instructions, please check the [migration guide](MIGRATIONS.released
 - Fixed a bug where the python libs functionality `wk.RemoteDataset.explore_and_add_remote` would error. [#8425](https://github.com/scalableminds/webknossos/pull/8425)
 - Fixed a bug where various UI dialogs would be dark mode even the user preferred a light theme. [#8445](https://github.com/scalableminds/webknossos/pull/8445)
 - Fixed an issue with icon spacing on the task dashboard page. [#8452](https://github.com/scalableminds/webknossos/pull/8452)
+- Fixed a bug where the "Create Animation" modal did not open when selecting the corresponding feature from the navbar menu. [#8444](https://github.com/scalableminds/webknossos/pull/8444)
 
 ### Removed
 

frontend/javascripts/oxalis/view/action-bar/create_animation_modal.tsx

@@ -1,4 +1,4 @@
-import { Alert, Checkbox, Col, Divider, Modal, Radio, Row, Space, Tooltip } from "antd";
+import { Alert, Button, Checkbox, Col, Divider, Modal, Radio, Row, Space, Tooltip } from "antd";
 import React, { useState } from "react";
 import { useSelector } from "react-redux";
 
@@ -94,6 +94,7 @@ function CreateAnimationModal(props: Props) {
   const { isOpen, onClose } = props;
   const dataset = useSelector((state: OxalisState) => state.dataset);
   const activeOrganization = useSelector((state: OxalisState) => state.activeOrganization);
+  const activeUser = useSelector((state: OxalisState) => state.activeUser);
 
   const colorLayers = getColorLayers(dataset);
 
@@ -285,10 +286,27 @@ function CreateAnimationModal(props: Props) {
       title="Create Animation"
       open={isOpen}
       width={700}
-      onOk={submitJob}
       onCancel={onClose}
       okText={isFeatureDisabled ? "This feature is not available" : "Start Animation"}
-      okButtonProps={{ disabled: isFeatureDisabled }}
+      footer={[
+        <Button key="cancel" onClick={onClose}>
+          Cancel
+        </Button>,
+        isFeatureDisabled ? (
+          <Tooltip
+            key="ok"
+            title="This feature is not available on your WEBKNOSSOS server. Contact your administrator."
+          >
+            <Button type="primary" disabled>
+              Start Animation
+            </Button>
+          </Tooltip>
+        ) : (
+          <Button key="ok" type="primary" onClick={submitJob} disabled={activeUser == null}>
+            Start Animation
+          </Button>
+        ),
+      ]}
     >
       <React.Fragment>
         <Row gutter={8}>

frontend/javascripts/oxalis/view/action-bar/view_dataset_actions_view.tsx

@@ -105,7 +105,7 @@ export default function ViewDatasetActionsView(props: Props) {
       <ConfigProvider theme={getAntdTheme(userTheme)}>
         {shareDatasetModal}
         {pythonClientModal}
-        {activeUser?.isSuperUser ? renderAnimationModal : null}
+        {renderAnimationModal}
       </ConfigProvider>
       <Dropdown menu={overlayMenu} trigger={["click"]}>
         <ButtonComponent