Dashboard: Add one button add per column (#1970)

GladysAssistant · Dec 8, 2023 · 621c0c5 · 621c0c5
1 parent c1d76bd
commit 621c0c5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/front/src/routes/dashboard/edit-dashboard/EditBoxColumns.jsx b/front/src/routes/dashboard/edit-dashboard/EditBoxColumns.jsx
@@ -101,15 +101,16 @@ const EditBoxColumns = ({ children, ...props }) => (
               )}
 
               {column.length === 0 && <EmptyColumnDropZone moveCard={props.moveCard} x={x} />}
+
+              {props.isMobileReordering && <AutoScrollMobile position="bottom" box_type={DASHBOARD_EDIT_BOX_TYPE} />}
+              <div class="d-flex justify-content-center mb-4">
+                <button class="btn btn-primary" onClick={() => props.addBox(x)}>
+                  <Text id="dashboard.addBoxButton" /> <i class="fe fe-plus" />
+                </button>
+              </div>
             </div>
           ))}
       </div>
-      {props.isMobileReordering && <AutoScrollMobile position="bottom" box_type={DASHBOARD_EDIT_BOX_TYPE} />}
-      <div class="d-flex justify-content-center">
-        <button class="btn btn-primary" onClick={props.addBox}>
-          <Text id="dashboard.addBoxButton" /> <i class="fe fe-plus" />
-        </button>
-      </div>
     </DndProvider>
   </div>
 );

diff --git a/front/src/routes/dashboard/edit-dashboard/index.js b/front/src/routes/dashboard/edit-dashboard/index.js
@@ -104,11 +104,11 @@ class EditDashboard extends Component {
     await this.setState(newState);
   };
 
-  addBox = () => {
+  addBox = x => {
     const newState = update(this.state, {
       currentDashboard: {
         boxes: {
-          0: {
+          [x]: {
             $push: [{}]
           }
         }