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

Web: Management: added logic for displaying the portal icon, fixed styles

Browse Source
This commit is contained in:
DmitrySychugov 2023-07-31 19:25:43 +05:00
parent b25b0aed99
commit e55a914e1d
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,19 +1,21 @@
import React from "react";
import Row from "@docspace/components/row";
import { RoomContent } from "./RoomContent";
import { observer } from "mobx-react";
import styled from "styled-components";
import CatalogSettingsReactSvgUrl from "PUBLIC_DIR/images/catalog.settings.react.svg?url";
import DeleteReactSvgUrl from "PUBLIC_DIR/images/delete.react.svg?url";
import ExternalLinkIcon from "PUBLIC_DIR/images/external.link.react.svg?url";
import { ReactSVG } from "react-svg";
import DefaultLogoUrl from "PUBLIC_DIR/images/logo/dark_lightsmall.svg?url";
import TestIcon from "PUBLIC_DIR/images/logo/dark_lightsmall.svg?url";
import { ReactSVG } from "react-svg";
import { useStore } from "SRC_DIR/store";
const StyledRoomRow = styled(Row)`
padding: 6px 0;
padding: 4px 0;
.styled-element {
width: 42px;
width: 32px;
margin-left: 20px;
}
@ -21,9 +23,16 @@ const StyledRoomRow = styled(Row)`
margin-right: 8px;
}
`;
const SpacesRoomRow = ({ item }) => {
const { spacesStore } = useStore();
export const SpacesRoomRow = ({ item, deletePortal }) => {
const element = <ReactSVG id={item.key} src={TestIcon} />; // change icon
const { deletePortal, faviconLogo } = spacesStore;
const logoElement = faviconLogo ? (
<img id={item.key} width={"32px"} height={"32px"} src={faviconLogo} />
) : (
<ReactSVG id={item.key} src={DefaultLogoUrl} />
);
const contextOptionsProps = [
{
@ -51,7 +60,7 @@ export const SpacesRoomRow = ({ item, deletePortal }) => {
return (
<StyledRoomRow
contextOptions={contextOptionsProps}
element={element}
element={logoElement}
key={item.id}
data={item}
>
@ -59,3 +68,5 @@ export const SpacesRoomRow = ({ item, deletePortal }) => {
</StyledRoomRow>
);
};
export default observer(SpacesRoomRow);