move dev to config

Author: lihebi

ui/src/components/repo/pod.js

@@ -101,7 +101,7 @@ function getDeck({ id, level }) {
 export function DeckTitle({ id }) {
   const [showMenu, setShowMenu] = useState(false);
   const pod = useSelector((state) => state.repo.pods[id]);
-  const devmode = useSelector((state) => state.repo.dev);
+  const devmode = useSelector((state) => state.repo.repoConfig?.devMode);
   const dispatch = useDispatch();
   return (
     <Box
@@ -761,7 +761,7 @@ function PodDiff({ id, setShowDiff }) {
 function PodWrapper({ id, draghandle, children }) {
   // console.log("PodWrapper", id);
   const pod = useSelector((state) => state.repo.pods[id]);
-  const devmode = useSelector((state) => state.repo.dev);
+  const devmode = useSelector((state) => state.repo.repoConfig?.devmode);
   const dispatch = useDispatch();
   const [showMenu, setShowMenu] = useState(false);
   const [showDiff, setShowDiff] = useState(false);

ui/src/components/repo/sidebar.js

@@ -1032,15 +1032,6 @@ function SidebarTest() {
       >
         Unfold All
       </Button>
-      <Box>
-        Dev Mode{" "}
-        <Switch
-          onChange={(e) => {
-            // console.log(e.target.checked);
-            dispatch(repoSlice.actions.setDevMode(e.target.checked));
-          }}
-        ></Switch>
-      </Box>
     </Box>
   );
 }
@@ -1123,6 +1114,26 @@ function ConfigButton() {
               }}
             ></Switch>
           </Box>
+
+          <Box>
+            Dev Mode{" "}
+            <Switch
+              defaultChecked={repoConfig && repoConfig.devMode}
+              onChange={(e) => {
+                // console.log(e.target.checked);
+                // dispatch(repoSlice.actions.setDevMode(e.target.checked));
+                updateRepoConfig({
+                  variables: {
+                    reponame,
+                    config: JSON.stringify({
+                      devMode: e.target.checked,
+                    }),
+                  },
+                });
+              }}
+            ></Switch>
+          </Box>
+
           <Button mr={3} onClick={handleClose}>
             Close
           </Button>

ui/src/lib/store.js

@@ -125,7 +125,6 @@ const initialState = {
   reponame: null,
   username: null,
   repoLoaded: false,
-  dev: false,
   pods: {},
   queue: [],
   showdiff: false,
@@ -163,9 +162,6 @@ export const repoSlice = createSlice({
     resetSessionId: (state, action) => {
       state.sessionId = nanoid();
     },
-    setDevMode: (state, action) => {
-      state.dev = action.payload;
-    },
     setSessionId: (state, action) => {
       state.sessionId = action.payload;
     },