fixed bug

Author: vivekbopaliya

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:16.14.2 AS base
+FROM node:16.20.2 AS base
 ENV APP_HOME=/usr/src/app \
   TERM=xterm
 RUN mkdir -p $APP_HOME
@@ -9,22 +9,18 @@ EXPOSE 8002
 FROM base AS development
 ENV NODE_ENV development
 COPY package.json package-lock.json ./
-RUN npm install
+
+# ✅ Only increase timeout configs, don’t install latest npm
+RUN npm config set fetch-retries 5 && \
+    npm config set fetch-retry-mintimeout 20000 && \
+    npm config set fetch-retry-maxtimeout 120000 && \
+    npm config set timeout 60000 && \
+    npm install --legacy-peer-deps
+
 COPY .babelrc index.js nodemon.json ./
 COPY ./webpack ./webpack
 COPY client ./client
 COPY server ./server
 COPY translations/locales ./translations/locales
 COPY public ./public
 CMD ["npm", "start"]
-
-FROM development AS build
-ENV NODE_ENV production
-RUN npm run build
-
-FROM base AS production
-ENV NODE_ENV=production
-COPY package.json package-lock.json index.js ./
-RUN npm install --production
-COPY --from=build $APP_HOME/dist ./dist
-CMD ["npm", "run", "start:prod"]

client/modules/IDE/actions/project.js

@@ -24,7 +24,8 @@ export function setProject(project) {
     type: ActionTypes.SET_PROJECT,
     project,
     files: project.files,
-    owner: project.user
+    owner: project.user,
+    visibility: project.visibility
   };
 }
 
@@ -418,7 +419,7 @@ export function changeVisibility(projectId, projectName, visibility) {
       .patch('/project/visibility', { projectId, visibility })
       .then((response) => {
         if (response.status === 200) {
-          const { visibility: newVisibility } = response.data;
+          const { visibility: newVisibility, updatedAt } = response.data;
 
           dispatch({
             type: ActionTypes.CHANGE_VISIBILITY,
@@ -431,17 +432,22 @@ export function changeVisibility(projectId, projectName, visibility) {
           if (state.project.id === response.data.id) {
             dispatch({
               type: ActionTypes.SET_PROJECT_VISIBILITY,
-              visibility: newVisibility
+              visibility: newVisibility,
+              updatedAt
             });
+
             dispatch({
               type: ActionTypes.SET_PROJECT_NAME,
               name: response.data.name
             });
+
+            dispatch(
+              setToastText(
+                `${projectName} is now ${newVisibility.toLowerCase()}`
+              )
+            );
+            dispatch(showToast(2000));
           }
-          dispatch(
-            setToastText(`${projectName} is now ${newVisibility.toLowerCase()}`)
-          );
-          dispatch(showToast(2000));
         }
       })
       .catch((error) => {

client/modules/IDE/components/SketchList.jsx

@@ -60,7 +60,9 @@ const SketchList = ({
 
   const renderEmptyTable = () => {
     if (!isLoading() && sketches.length === 0) {
-      return <p className="sketches-table">{t('SketchList.NoSketches')}</p>;
+      return (
+        <p className="sketches-table__empty">{t('SketchList.NoSketches')}</p>
+      );
     }
     return null;
   };

client/modules/IDE/reducers/project.js

@@ -21,7 +21,11 @@ const project = (state, action) => {
     case ActionTypes.SET_PROJECT_NAME:
       return Object.assign({}, { ...state }, { name: action.name });
     case ActionTypes.SET_PROJECT_VISIBILITY:
-      return Object.assign({}, { ...state }, { visibility: action.visibility });
+      return Object.assign(
+        {},
+        { ...state },
+        { visibility: action.visibility, updatedAt: action.updatedAt }
+      );
     case ActionTypes.NEW_PROJECT:
       return {
         id: action.project.id,

server/controllers/project.controller.js

@@ -104,7 +104,7 @@ export async function getProject(req, res) {
 export function getProjectsForUserId(userId) {
   return Project.find({ user: userId })
     .sort('-createdAt')
-    .select('name files id createdAt updatedAt')
+    .select('name files id createdAt updatedAt visibility')
     .exec();
 }