status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(Community): Use design color picker 

Close #2395
This commit is contained in:
mishkarogachev 2022-05-18 15:21:03 +03:00 committed by Mikhail Rogachev
parent c3c82bd6ac
commit 491abb7fda
4 changed files with 37 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/StatusQ

@ -1 +1 @@
Subproject commit 485647d1c36a6bd87ac8715f3989f0052621b816
Subproject commit 81cbab3f66480da7ba6b27ee433d4d4d43abde76

36
ui/app/AppLayouts/Chat/panels/communities/CommunityEditSettingsPanel.qml
View File

@ -12,15 +12,17 @@ import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Layout 0.1
import StatusQ.Components 0.1
import StatusQ.Popups 0.1
import StatusQ.Controls 0.1
import StatusQ.Controls.Validators 0.1
Flickable {
id: root
property color color: Theme.palette.primaryColor1
property alias name: nameInput.text
property alias description: descriptionTextInput.text
property alias color: colorDialog.color
property alias image: addImageButton.selectedImage
readonly property alias imageAx: imageCropperModal.aX
readonly property alias imageAy: imageCropperModal.aY
@ -220,25 +222,29 @@ Flickable {
property string validationError: ""
bgColor: colorDialog.colorSelected ? colorDialog.color : Theme.palette.baseColor2
contentColor: colorDialog.colorSelected ? Theme.palette.indirectColor1 : Theme.palette.baseColor1
text: colorDialog.colorSelected ? colorDialog.color.toString(
).toUpperCase() : qsTr("Pick a color")
bgColor: root.color
contentColor: Theme.palette.indirectColor1
text: root.color.toString()
onClicked: colorDialog.open()
onClicked: {
colorDialog.color = root.color;
colorDialog.open();
}
onTextChanged: {
if (colorDialog.colorSelected) {
validationError = Utils.validateAndReturnError(
text,
Utils.Validate.NoEmpty | Utils.Validate.TextHexColor)
}
validationError = Utils.validateAndReturnError(text,
Utils.Validate.NoEmpty |
Utils.Validate.TextHexColor);
}
ColorDialog {
StatusColorDialog {
id: colorDialog
property bool colorSelected: true
color: Theme.palette.primaryColor1
onAccepted: colorSelected = true
anchors.centerIn: parent
header.title: qsTr("Community Colour")
previewText: qsTr("White text should be legable on top of this colour")
acceptText: qsTr("Select Community Colour")
onAccepted: {
root.color = color;
}
}
}
}

5
ui/app/AppLayouts/Chat/popups/community/CreateChannelPopup.qml
View File

@ -185,15 +185,16 @@ StatusModal {
validationError = Utils.validateAndReturnError(text, communityColorValidator)
}
}
}
ColorDialog {
StatusColorDialog {
id: colorDialog
anchors.centerIn: parent
property bool colorSelected: popup.isEdit && popup.channelColor
color: popup.isEdit && popup.channelColor ? popup.channelColor :
Theme.palette.primaryColor1
onAccepted: colorSelected = true
}
}
StatusBaseText {
text: colorSelectorButton.validationError

5
ui/app/AppLayouts/Chat/popups/community/CreateCommunityPopup.qml
View File

@ -274,14 +274,15 @@ StatusModal {
validationError = Utils.validateAndReturnError(text, communityColorValidator)
}
}
}
ColorDialog {
StatusColorDialog {
id: colorDialog
anchors.centerIn: parent
property bool colorSelected: false
color: Theme.palette.primaryColor1
onAccepted: colorSelected = true
}
}
StatusBaseText {
text: colorSelectorButton.validationError