Minor workflow UI fix

backend/go-app/go.mod

@@ -1,6 +1,6 @@
 module shuffle-shared
 
-replace github.com/shuffle/shuffle-shared => ../../../shuffle-shared
+//replace github.com/shuffle/shuffle-shared => ../../../shuffle-shared
 
 go 1.19
 
@@ -18,7 +18,7 @@ require (
 	github.com/gorilla/mux v1.8.0
 	github.com/h2non/filetype v1.1.3
 	github.com/satori/go.uuid v1.2.0
-	github.com/shuffle/shuffle-shared v0.5.63
+	github.com/shuffle/shuffle-shared v0.5.65
 	golang.org/x/crypto v0.16.0
 	google.golang.org/api v0.125.0
 	google.golang.org/grpc v1.55.0

backend/go-app/go.sum

@@ -499,6 +499,8 @@ github.com/shuffle/shuffle-shared v0.5.61 h1:Fkd7pvk8ypwaio1VvMOmJ6PQF9xCfNYx8RW
 github.com/shuffle/shuffle-shared v0.5.61/go.mod h1:oIZkx93Z7EvtiTXty7xO+ax63Fjz8MQvjXMxDN0Qws0=
 github.com/shuffle/shuffle-shared v0.5.62 h1:L1la7++aqPLPsh1z3cuGIzH+NTuvBlmEU/T2mQvfEk8=
 github.com/shuffle/shuffle-shared v0.5.62/go.mod h1:oIZkx93Z7EvtiTXty7xO+ax63Fjz8MQvjXMxDN0Qws0=
+github.com/shuffle/shuffle-shared v0.5.65 h1:x4ZM+e0LK21rRtG0xbtnUb+6qU08+zNBQ6azUyhn8ck=
+github.com/shuffle/shuffle-shared v0.5.65/go.mod h1:oIZkx93Z7EvtiTXty7xO+ax63Fjz8MQvjXMxDN0Qws0=
 github.com/shurcooL/sanitized_anchor_name v1.0.0/go.mod h1:1NzhyTcUVG4SuEtjjoZeVRXNmyL/1OwPU0+IJeTBvfc=
 github.com/sirupsen/logrus v1.7.0/go.mod h1:yWOB1SBYBC5VeMP7gHvWumXLIWorT60ONWic61uBYv0=
 github.com/sirupsen/logrus v1.8.1 h1:dJKuHgqk1NNQlqoA6BTlM1Wf9DOH3NBjQyu0h9+AZZE=

frontend/src/views/Workflows.jsx

@@ -2859,55 +2859,55 @@ const Workflows = (props) => {
       				<FormControl style={{flex: 1, marginLeft: 5, }}>
       				  <InputLabel htmlFor="grouped-select-usecase">Usecases</InputLabel>
       				  <Select 
-									defaultValue="" 
+							defaultValue="" 
-									id="grouped-select" 
+							id="grouped-select" 
-									label="Matching Usecase" 
+							label="Matching Usecase" 
-									multiple
+							multiple
-									value={selectedUsecases}
+							value={selectedUsecases}
-									renderValue={(selected) => selected.join(', ')}
+							renderValue={(selected) => selected.join(', ')}
-									onChange={(event) => {
+							onChange={(event) => {
-										console.log("Changed: ", event)
+								console.log("Changed: ", event)
-									}}
+							}}
-								>
+						>
       				    <MenuItem value="">
       				      <em>None</em>
       				    </MenuItem>
-									{usecases.map((usecase, index) => {
+							{usecases.map((usecase, index) => {
-										//console.log(usecase)
+								//console.log(usecase)
-										return (
+								return (
-											<span key={index}>
+									<span key={index}>
-												<ListSubheader
+										<ListSubheader
-													style={{
+											style={{
-														color: usecase.color
+												color: usecase.color
-													}}
+											}}
-												>
+										>
-													{usecase.name}
+											{usecase.name}
-												</ListSubheader>
+										</ListSubheader>
-												{usecase.list.map((subcase, subindex) => {
+										{usecase.list.map((subcase, subindex) => {
-													//console.log(subcase)
+											//console.log(subcase)
-													total_count += 1
+											total_count += 1
-													return (
+											return (
-														<MenuItem key={subindex} value={total_count} onClick={(event) => {
+												<MenuItem key={subindex} value={total_count} onClick={(event) => {
-															if (selectedUsecases.includes(subcase.name)) {
+													if (selectedUsecases.includes(subcase.name)) {
-																const itemIndex = selectedUsecases.indexOf(subcase.name)
+														const itemIndex = selectedUsecases.indexOf(subcase.name)
-																if (itemIndex > -1) {
+														if (itemIndex > -1) {
-																	selectedUsecases.splice(itemIndex, 1)
+															selectedUsecases.splice(itemIndex, 1)
-																}
+														}
-															} else {
+													} else {
-																selectedUsecases.push(subcase.name)
+														selectedUsecases.push(subcase.name)
-															}
+													}
 
-    	  													setUpdate(Math.random());
+													setUpdate(Math.random());
-															setSelectedUsecases(selectedUsecases)
+													setSelectedUsecases(selectedUsecases)
-														}}>
+												}}>
-            	  							<Checkbox style={{color: selectedUsecases.includes(subcase.name) ? usecase.color : theme.palette.inputColor}} checked={selectedUsecases.includes(subcase.name)} />
+									<Checkbox style={{color: selectedUsecases.includes(subcase.name) ? usecase.color : theme.palette.inputColor}} checked={selectedUsecases.includes(subcase.name)} />
-								              <ListItemText primary={subcase.name} />
+									  <ListItemText primary={subcase.name} />
-														</MenuItem>
+												</MenuItem>
-													)
+											)
-												})}
+										})}
-											</span>
+									</span>
-										)
+								)
-									})}
+							})}
       				  </Select>
       				</FormControl>
 						: null}