SHow title instead of name

Author: forman

dashi/src/app/PanelsControl.tsx

@@ -8,31 +8,23 @@ import { ContribPoint } from "../model/extension";
 const contribPoint: ContribPoint = "panels";
 
 function PanelsControl() {
-  const contributionModelsRecord = useAppStore(
-    (state) => state.contributionModelsRecord,
-  );
   const contributionStatesRecord = useAppStore(
     (state) => state.contributionStatesRecord,
   );
-  const panelModels = contributionModelsRecord[contribPoint];
   const panelStates = contributionStatesRecord[contribPoint];
-  if (!panelModels || !panelStates) {
+  if (!panelStates) {
     // Ok, not ready yet
     return null;
   }
-  // TODO: assert panelModels.length === panelStates.length
-  if (panelModels.length != panelStates?.length) {
-    throw Error("internal state error");
-  }
 
   return (
-    <FormGroup>
+    <FormGroup sx={{ display: "flex", flexDirection: "row" }}>
       {panelStates.map((panelState, panelIndex) => {
         const id = `panels.${panelIndex}`;
         return (
           <FormControlLabel
             key={panelIndex}
-            label={panelModels[panelIndex].name}
+            label={panelState.title}
             control={
               <Checkbox
                 color="secondary"