IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Management: use colors from theme

Browse Source
This commit is contained in:
Viktor Fomin 2024-06-13 16:52:02 +05:00
parent 9d194e5378
commit c4dfeca90d
4 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/management/src/categories/spaces/StyledSpaces.tsx
View File

@ -79,6 +79,13 @@ const ConfigurationWrapper = styled.div`
&-configuration-title {
padding-bottom: 8px;
}
&-input-subheader {
color: ${({ theme }) => theme.management.textColor};
}
}
.error-text {
color: ${({ theme }) => theme.management.errorColor};
}
`;

6
packages/management/src/categories/spaces/sub-components/ConfigurationSection.tsx
View File

@ -140,7 +140,7 @@ const ConfigurationSection = ({ t }: TConfigurationSection): JSX.Element => {
>
{t("Common:Domain")}
</Text>
<Text color="#A3A9AE">(example.com)</Text>
<Text className="spaces-input-subheader">(example.com)</Text>
</div>
<TextInput
@ -155,10 +155,10 @@ const ConfigurationSection = ({ t }: TConfigurationSection): JSX.Element => {
{domainNameError &&
domainNameError.map((err, index) => (
<Text
className="error-text"
key={index}
fontSize="12px"
fontWeight="400"
color="#F24724"
>
{err}
</Text>
@ -178,7 +178,7 @@ const ConfigurationSection = ({ t }: TConfigurationSection): JSX.Element => {
tabIndex={2}
/>
<div>
<Text fontSize="12px" fontWeight="400" color="#F24724">
<Text className="error-text" fontSize="12px" fontWeight="400">
{portalNameError || checkDomainError}
</Text>
</div>

6
packages/management/src/categories/spaces/sub-components/dialogs/ChangeDomainDialog/index.tsx
View File

@ -44,6 +44,10 @@ const StyledModal = styled(ModalDialogContainer)`
.create-docspace-input {
width: 100%;
}
.error-text {
color: ${({ theme }) => theme.management.errorColor};
}
`;
const ChangeDomainDialogComponent = () => {
@ -121,10 +125,10 @@ const ChangeDomainDialogComponent = () => {
{domainNameError &&
domainNameError.map((err, index) => (
<Text
className="error-text"
key={index}
fontSize="12px"
fontWeight="400"
color="#F24724"
>
{err}
</Text>

12
packages/management/src/categories/spaces/sub-components/dialogs/CreatePortalDialog/index.tsx
View File

@ -63,6 +63,14 @@ const StyledModal = styled(ModalDialogContainer)`
.create-docspace-input {
width: 100%;
}
.error-text {
color: ${({ theme }) => theme.management.errorColor};
}
.sub-text {
color: ${({ theme }) => theme.management.textColor};
}
`;
const CreatePortalDialog = () => {
@ -169,15 +177,15 @@ const CreatePortalDialog = () => {
className="create-docspace-input"
/>
<div>
<Text fontSize="12px" fontWeight="400" color="#F24724">
<Text className="error-text" fontSize="12px" fontWeight="400">
{registerError}
</Text>
</div>
<div style={{ marginTop: "6px", wordWrap: "break-word" }}>
<Text
className="sub-text"
fontSize="12px"
fontWeight="400"
color="#A3A9AE"
>{`${name}.${baseDomain}`}</Text>
</div>
</div>