[PR #406] [CLOSED] Add colored folders system #746

Closed
opened 2026-03-03 00:23:01 +03:00 by kerem · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/BoostIO/BoostNote-App/pull/406
Author: @lahgolz
Created: 4/14/2020
Status: Closed

Base: masterHead: colored-folder


📝 Commits (4)

  • 0069845 Add colored folders system
  • 497e82d Add tests
  • 4435da9 Add translation for color change popup
  • 2905699 Add translation for new folder popup

📊 Changes

31 files changed (+714 additions, -43 deletions)

View changed files

📝 package-lock.json (+44 -0)
📝 package.json (+2 -0)
📝 src/components/SideNavigator/FolderListFragment.tsx (+27 -3)
📝 src/components/SideNavigator/SideNavigator.tsx (+48 -14)
src/components/atoms/dialog/DialogColorPicker.tsx (+99 -0)
📝 src/components/atoms/dialog/styled.ts (+52 -0)
src/components/molecules/FolderConfigDialogBody.tsx (+104 -0)
📝 src/components/molecules/SideNavigatorItem.tsx (+12 -1)
📝 src/components/organisms/Dialog.tsx (+9 -0)
src/lib/colors.ts (+23 -0)
📝 src/lib/db/NoteDb.spec.ts (+39 -0)
📝 src/lib/db/NoteDb.ts (+2 -0)
📝 src/lib/db/createStore.ts (+51 -3)
📝 src/lib/db/store.spec.ts (+43 -0)
📝 src/lib/db/types.ts (+1 -0)
📝 src/lib/dialog.tsx (+35 -6)
📝 src/lib/styled/styleFunctions.ts (+6 -1)
📝 src/locales/de.ts (+4 -0)
📝 src/locales/enUS.ts (+3 -0)
📝 src/locales/esES.ts (+3 -0)

...and 11 more files

📄 Description

Issue #334

Description

Added a color picker system to add custom colors to folders.

Screenshots

image
image
image

Tests

  • Browser
  • Mobile

IssueHunt Summary

Referenced issues

This pull request has been submitted to:


IssueHunt has been backed by the following sponsors. Become a sponsor


🔄 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/BoostIO/BoostNote-App/pull/406 **Author:** [@lahgolz](https://github.com/lahgolz) **Created:** 4/14/2020 **Status:** ❌ Closed **Base:** `master` ← **Head:** `colored-folder` --- ### 📝 Commits (4) - [`0069845`](https://github.com/BoostIO/BoostNote-App/commit/006984543521fe1ec823a98e0c57b82a26c82eda) Add colored folders system - [`497e82d`](https://github.com/BoostIO/BoostNote-App/commit/497e82ddaaf98e9a6ed11675a179267d7e237d44) Add tests - [`4435da9`](https://github.com/BoostIO/BoostNote-App/commit/4435da93884c5a033206f6b858141c7e304b657d) Add translation for color change popup - [`2905699`](https://github.com/BoostIO/BoostNote-App/commit/29056996db2f905e995267bc7f9014a8732708f1) Add translation for new folder popup ### 📊 Changes **31 files changed** (+714 additions, -43 deletions) <details> <summary>View changed files</summary> 📝 `package-lock.json` (+44 -0) 📝 `package.json` (+2 -0) 📝 `src/components/SideNavigator/FolderListFragment.tsx` (+27 -3) 📝 `src/components/SideNavigator/SideNavigator.tsx` (+48 -14) ➕ `src/components/atoms/dialog/DialogColorPicker.tsx` (+99 -0) 📝 `src/components/atoms/dialog/styled.ts` (+52 -0) ➕ `src/components/molecules/FolderConfigDialogBody.tsx` (+104 -0) 📝 `src/components/molecules/SideNavigatorItem.tsx` (+12 -1) 📝 `src/components/organisms/Dialog.tsx` (+9 -0) ➕ `src/lib/colors.ts` (+23 -0) 📝 `src/lib/db/NoteDb.spec.ts` (+39 -0) 📝 `src/lib/db/NoteDb.ts` (+2 -0) 📝 `src/lib/db/createStore.ts` (+51 -3) 📝 `src/lib/db/store.spec.ts` (+43 -0) 📝 `src/lib/db/types.ts` (+1 -0) 📝 `src/lib/dialog.tsx` (+35 -6) 📝 `src/lib/styled/styleFunctions.ts` (+6 -1) 📝 `src/locales/de.ts` (+4 -0) 📝 `src/locales/enUS.ts` (+3 -0) 📝 `src/locales/esES.ts` (+3 -0) _...and 11 more files_ </details> ### 📄 Description Issue #334 # Description Added a color picker system to add custom colors to folders. # Screenshots ![image](https://user-images.githubusercontent.com/30511303/79176817-8afb1800-7e01-11ea-9c69-87e3ec5ea1bb.png) ![image](https://user-images.githubusercontent.com/30511303/79176898-bf6ed400-7e01-11ea-8ce4-ae5f80ae76f8.png) ![image](https://user-images.githubusercontent.com/30511303/79177290-ca763400-7e02-11ea-844c-abf484374a3b.png) # Tests - [x] Browser - [x] Mobile <!-- Issuehunt content --> --- <details> <summary> <b>IssueHunt Summary</b> </summary> ### Referenced issues This pull request has been submitted to: - [#334: Colored folders](https://issuehunt.io/repos/74213528/issues/334) --- IssueHunt has been backed by the following sponsors. [Become a sponsor](https://issuehunt.io/membership/members) </details> <!-- /Issuehunt content--> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-03-03 00:23:01 +03:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/BoostNote-App#746
No description provided.