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 17:44:09 +05:00
parent c4dfeca90d
commit a25d362723
2 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/management/src/categories/spaces/sub-components/RowView/RoomContent.tsx
View File

@ -26,11 +26,15 @@
import React from "react";
import { useTranslation } from "react-i18next";
import { RowContent } from "@docspace/shared/components/row-content";
import { Text } from "@docspace/shared/components/text";
import styled, { css } from "styled-components";
import { isMobileOnly } from "react-device-detect";
import { RowContent } from "@docspace/shared/components/row-content";
import { Text } from "@docspace/shared/components/text";
import { getConvertedSize } from "@docspace/shared/utils/common";
import { TTheme } from "@docspace/shared/themes";
import { TPortals } from "SRC_DIR/types/spaces";
const StyledRowContent = styled(RowContent)`
@ -52,9 +56,10 @@ const StyledRowContent = styled(RowContent)`
type TRoomContent = {
item: TPortals;
isCurrentPortal: boolean;
theme: TTheme;
};
export const RoomContent = ({ item, isCurrentPortal }: TRoomContent) => {
export const RoomContent = ({ item, isCurrentPortal, theme }: TRoomContent) => {
const { t } = useTranslation(["Management", "Common", "Settings"]);
const { roomAdminCount, usersCount, roomsCount, usedSize } =
@ -71,11 +76,14 @@ export const RoomContent = ({ item, isCurrentPortal }: TRoomContent) => {
const storageSpace =
customQuota >= 0 ? `${usedStorage}/${maxStorage}` : `${usedStorage}`;
const sideColor = theme?.management?.sideColor;
const nameColor = theme?.management?.nameColor;
return (
<StyledRowContent
sectionWidth={"620px"}
sideColor="#A3A9AE"
nameColor="#D0D5DA"
sideColor={sideColor}
nameColor={nameColor}
className="spaces_row-content"
>
<div className="user-container-wrapper">

3
packages/management/src/categories/spaces/sub-components/RowView/SpacesRoomRow.tsx
View File

@ -68,7 +68,7 @@ type TRow = {
const SpacesRoomRow = ({ item }: TRow) => {
const { spacesStore, settingsStore } = useStore();
const { setDeletePortalDialogVisible, setCurrentPortal } = spacesStore;
const { tenantAlias, getAllPortals } = settingsStore;
const { tenantAlias, getAllPortals, theme } = settingsStore;
const [isVisibleDialog, setIsVisibleDialog] = useState(false);
const [isDisableQuota, setIsDisableQuota] = useState(false);
@ -152,6 +152,7 @@ const SpacesRoomRow = ({ item }: TRow) => {
element={logoElement}
key={item.id}
data={item}
theme={theme}
>
<RoomContent item={item} isCurrentPortal={isCurrentPortal} />
</StyledRoomRow>