Alex Jbanca 0efca3f0bd feat: Update Edit community settings based on new design
[Design for edit community settings](https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba⎜Desktop?node-id=3132%3A383870&mode=dev)
[Design for create community popup](https://www.figma.com/file/17fc13UBFvInrLgNUKJJg5/Kuba⎜Desktop?type=design&node-id=2636-359221&mode=design&t=Z888PCuW1eTwF5RY-0)

1. Update alignments, paddings and item size to match the new design
2. Update subtitles (Only for edit community settings. Create community popup has different subtitles)
3. Create new EditCommunitySettingsLayout with the new design to be reused in CreateCommunityPopup
4. Update CreateCommunity popup to align it with the new design
5. Add basic EditSettingsPanelPage to storybook
6. Fix TagsPicker bug where the tags were not showing when opening the edit community settings for the first time
2023-07-06 09:47:46 +03:00

80 lines
1.8 KiB
QML

import QtQuick 2.14
import QtQuick.Layouts 1.14
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Components 0.1
import StatusQ.Controls 0.1
Column {
id: root
property alias archiveSupportEnabled: archiveSupportToggle.checked
property alias requestToJoinEnabled: requestToJoinToggle.checked
property alias pinMessagesEnabled: pinMessagesToggle.checked
spacing: 0
QtObject {
id: d
readonly property int optionHeight: 64
}
RowLayout {
id: archiveSupport
width: parent.width
height: d.optionHeight
StatusBaseText {
Layout.fillWidth: true
text: qsTr("Community history service")
font.pixelSize: Theme.primaryTextFontSize
TapHandler {
onTapped: archiveSupportToggle.toggle()
}
}
StatusCheckBox {
id: archiveSupportToggle
checked: true
}
}
RowLayout {
width: parent.width
height: d.optionHeight
StatusBaseText {
Layout.fillWidth: true
text: qsTr("Request to join required")
font.pixelSize: Theme.primaryTextFontSize
TapHandler {
onTapped: requestToJoinToggle.toggle()
}
}
StatusCheckBox {
id: requestToJoinToggle
}
}
RowLayout {
width: parent.width
height: d.optionHeight
StatusBaseText {
Layout.fillWidth: true
text: qsTr("Any member can pin a message")
font.pixelSize: Theme.primaryTextFontSize
TapHandler {
onTapped: pinMessagesToggle.toggle()
}
}
StatusCheckBox {
id: pinMessagesToggle
}
}
}