[PR #1438] [MERGED] feat: Add Create Board button to Open Board screen #1300

Closed
opened 2026-02-04 22:02:15 +03:00 by OVERLORD · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/plankanban/planka/pull/1438
Author: @SUMMERxKx
Created: 11/23/2025
Status: Merged
Merged: 11/24/2025
Merged by: @meltyshev

Base: masterHead: feat/add-create-board-button-to-open-board-screen


📝 Commits (2)

  • 8d9930c feat: Add Create Board button to Open Board screen
  • b63956f ref: Little refactoring

📊 Changes

8 files changed (+37 additions, -16 deletions)

View changed files

📝 client/src/components/boards/AddBoardStep/AddBoardStep.jsx (+8 -8)
📝 client/src/components/boards/AddBoardStep/AddBoardStep.module.scss (+0 -0)
📝 client/src/components/boards/AddBoardStep/ImportStep.jsx (+1 -1)
📝 client/src/components/boards/AddBoardStep/ImportStep.module.scss (+0 -0)
📝 client/src/components/boards/AddBoardStep/index.js (+2 -2)
📝 client/src/components/boards/Boards/Boards.jsx (+4 -4)
📝 client/src/components/common/Static/Static.jsx (+17 -1)
📝 client/src/components/common/Static/Static.module.scss (+5 -0)

📄 Description

What Changed

Added a clickable "Create board" button to the "Open Board" screen to improve discoverability for new users. The button appears below the descriptive text when the user has permission to create boards.

Why This Change

The "Open Board" screen previously showed a hand icon and text suggesting interactivity, but nothing was clickable in the center of the screen. This was confusing for new users who expected the central message to be interactive. The change makes the primary action (creating a board) more visible and intuitive.

Implementation Details

  • Added a "Create board" button that appears conditionally based on user permissions
  • Reuses the existing AddStep component via the popup system (same as the plus button)
  • Respects the same permission checks: requires edit mode enabled and user must be a project manager
  • Button uses Semantic UI's positive style for visual consistency
  • No breaking changes - all existing board creation/selection flows remain intact

Files Changed

  • client/src/components/common/Static/Static.jsx - Added button, permission check, and popup integration
  • client/src/components/common/Static/Static.module.scss - Added button styling

How to Test

  1. New user with permission:

    • Navigate to a project with no boards (or ensure no board is selected)
    • Verify the "Open Board" screen displays
    • Verify a green "Create board" button appears below the descriptive text
    • Click the button and verify the board creation popup opens
    • Create a board and verify it opens automatically
  2. User without permission:

    • As a non-manager user, navigate to a project with no boards selected
    • Verify the "Open Board" screen displays
    • Verify NO button appears (only the message)
  3. User with existing boards:

    • Navigate to a project with existing boards
    • Verify the existing plus button in the Boards component still works
    • Verify both entry points (plus button and new central button) work independently
  4. Responsive layout:

    • Test on mobile/tablet viewports
    • Verify button is properly centered and accessible

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/plankanban/planka/pull/1438 **Author:** [@SUMMERxKx](https://github.com/SUMMERxKx) **Created:** 11/23/2025 **Status:** ✅ Merged **Merged:** 11/24/2025 **Merged by:** [@meltyshev](https://github.com/meltyshev) **Base:** `master` ← **Head:** `feat/add-create-board-button-to-open-board-screen` --- ### 📝 Commits (2) - [`8d9930c`](https://github.com/plankanban/planka/commit/8d9930c7dadbd2461025978452652e4e7fbbee4a) feat: Add Create Board button to Open Board screen - [`b63956f`](https://github.com/plankanban/planka/commit/b63956ff71fb049bd7a5fd9f9616d86e6a936193) ref: Little refactoring ### 📊 Changes **8 files changed** (+37 additions, -16 deletions) <details> <summary>View changed files</summary> 📝 `client/src/components/boards/AddBoardStep/AddBoardStep.jsx` (+8 -8) 📝 `client/src/components/boards/AddBoardStep/AddBoardStep.module.scss` (+0 -0) 📝 `client/src/components/boards/AddBoardStep/ImportStep.jsx` (+1 -1) 📝 `client/src/components/boards/AddBoardStep/ImportStep.module.scss` (+0 -0) 📝 `client/src/components/boards/AddBoardStep/index.js` (+2 -2) 📝 `client/src/components/boards/Boards/Boards.jsx` (+4 -4) 📝 `client/src/components/common/Static/Static.jsx` (+17 -1) 📝 `client/src/components/common/Static/Static.module.scss` (+5 -0) </details> ### 📄 Description ## What Changed Added a clickable "Create board" button to the "Open Board" screen to improve discoverability for new users. The button appears below the descriptive text when the user has permission to create boards. ## Why This Change The "Open Board" screen previously showed a hand icon and text suggesting interactivity, but nothing was clickable in the center of the screen. This was confusing for new users who expected the central message to be interactive. The change makes the primary action (creating a board) more visible and intuitive. ## Implementation Details - Added a "Create board" button that appears conditionally based on user permissions - Reuses the existing `AddStep` component via the popup system (same as the plus button) - Respects the same permission checks: requires edit mode enabled and user must be a project manager - Button uses Semantic UI's `positive` style for visual consistency - No breaking changes - all existing board creation/selection flows remain intact ## Files Changed - `client/src/components/common/Static/Static.jsx` - Added button, permission check, and popup integration - `client/src/components/common/Static/Static.module.scss` - Added button styling ## How to Test 1. **New user with permission:** - Navigate to a project with no boards (or ensure no board is selected) - Verify the "Open Board" screen displays - Verify a green "Create board" button appears below the descriptive text - Click the button and verify the board creation popup opens - Create a board and verify it opens automatically 2. **User without permission:** - As a non-manager user, navigate to a project with no boards selected - Verify the "Open Board" screen displays - Verify NO button appears (only the message) 3. **User with existing boards:** - Navigate to a project with existing boards - Verify the existing plus button in the Boards component still works - Verify both entry points (plus button and new central button) work independently 4. **Responsive layout:** - Test on mobile/tablet viewports - Verify button is properly centered and accessible --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
OVERLORD added the pull-request label 2026-02-04 22:02:15 +03:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/planka#1300