From cd6d3d9b575c2de9eb188bd5bf66d3fdf0c6fedb Mon Sep 17 00:00:00 2001
From: Charlie Meister <charliemeister@proton.me>
Date: Sat, 30 Sep 2023 09:24:55 +0200
Subject: [PATCH] trying out radio buttons but probably discarding

---
 conf/application.conf                         |  4 +--
 .../view/action-bar/tracing_actions_view.tsx  | 30 ++++++++++---------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/conf/application.conf b/conf/application.conf
index 79c7960e11..f28df2d7e7 100644
--- a/conf/application.conf
+++ b/conf/application.conf
@@ -130,11 +130,11 @@ features {
   discussionBoard = "https://forum.image.sc/tag/webknossos"
   discussionBoardRequiresAdmin = false
   hideNavbarLogin = false
-  isWkorgInstance = false
+  isWkorgInstance = true
   taskReopenAllowedInSeconds = 30
   allowDeleteDatasets = true
   # to enable jobs for local development, use "yarn enable-jobs" to also activate it in the database
-  jobsEnabled = false
+  jobsEnabled = true
   voxelyticsEnabled = false
   # For new users, the dashboard will show a banner which encourages the user to check out the following dataset.
   # If isWkorgInstance == true, `/createExplorative/hybrid/true` is appended to the URL so that a new tracing is opened.
diff --git a/frontend/javascripts/oxalis/view/action-bar/tracing_actions_view.tsx b/frontend/javascripts/oxalis/view/action-bar/tracing_actions_view.tsx
index a06fa5cefa..fec7e9f17b 100644
--- a/frontend/javascripts/oxalis/view/action-bar/tracing_actions_view.tsx
+++ b/frontend/javascripts/oxalis/view/action-bar/tracing_actions_view.tsx
@@ -1,4 +1,4 @@
-import { Button, Dropdown, Modal, Radio, Tooltip } from "antd";
+import { Button, Dropdown, Modal, Radio, Space, Tooltip } from "antd";
 import {
   HistoryOutlined,
   CheckCircleOutlined,
@@ -259,6 +259,7 @@ export function getAISegmentationMenu(
   isAINucleiSegmentationModalOpen: boolean,
   isAINeuronSegmentationModalOpen: boolean,
 ): React.ReactNode {
+  const radioStyle = { width: 100, height: 100, padding: 10 }
   return isAINeuronSegmentationModalOpen ? (
     <Modal
       open
@@ -271,34 +272,35 @@ export function getAISegmentationMenu(
       onCancel={() => Store.dispatch(setAINeuronSegmentationModalVisibilityAction(false))}
     >
       Choose a processing job for your dataset:
-      <Radio.Group buttonStyle="solid">
-        <Radio.Button>
-          <div style={{ textAlign: "center" }}>
+      <Radio.Group buttonStyle="outline">
+        <Space align="center">
+          <Radio.Button style={radioStyle}>
+            <>
+              Neuron segmentation
             <img
               src={`/assets/images/nuclei_inferral.png`}
               alt={`Nuclei inferral`}
-              style={{ width: 400, height: "auto", borderRadius: 3 }}
+                style={{ width: 80, height: "auto", }}
             />
-          </div>
+            </>
         </Radio.Button>
-        <Radio.Button>
-          <div style={{ textAlign: "center" }}>
+          <Radio.Button style={radioStyle} disabled>
+            Nuclei detection
             <img
               src={`/assets/images/nuclei_inferral.png`}
               alt={`Nuclei inferral`}
-              style={{ width: 400, height: "auto", borderRadius: 3 }}
+              style={{ width: 80, height: "auto", }}
             />
-          </div>
         </Radio.Button>
-        <Radio.Button>
-          <div style={{ textAlign: "center" }}>
+          <Radio.Button style={radioStyle} disabled>
+            Mitochondria detection
             <img
               src={`/assets/images/nuclei_inferral.png`}
               alt={`Nuclei inferral`}
-              style={{ width: 400, height: "auto", borderRadius: 3 }}
+              style={{ width: 80, height: "auto", }}
             />
-          </div>
         </Radio.Button>
+        </Space>
       </Radio.Group >
       {/* insert modal here */}
     </Modal >