removed unused files
This commit is contained in:
parent
258222b910
commit
4ec8723d4c
@ -1,87 +0,0 @@
|
||||
import React from "react";
|
||||
import Text from "@docspace/components/text";
|
||||
import Link from "@docspace/components/link";
|
||||
import IconButton from "@docspace/components/icon-button";
|
||||
import { ReactSVG } from "react-svg";
|
||||
import { StyledUserNameLink } from "../../styles/history";
|
||||
|
||||
const HistoryBlockContent = ({ t, action, details }) => {
|
||||
return (
|
||||
<div className="block-content">
|
||||
{action === "message" ? (
|
||||
<Text>{details.message}</Text>
|
||||
) : action === "appointing" ? (
|
||||
<div className="appointing">
|
||||
{`${t("appointed")}
|
||||
${details.appointedRole} `}{" "}
|
||||
<UserNameLink user={details.appointedUser} />
|
||||
</div>
|
||||
) : action === "users" ? (
|
||||
<div className="users">
|
||||
<div className="user-list">
|
||||
added users{" "}
|
||||
{details.users.map((user, i) => (
|
||||
<UserNameLink
|
||||
key={user.id}
|
||||
user={user}
|
||||
withComma={i + 1 !== details.users.length}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
) : action === "files" ? (
|
||||
<div className="files">
|
||||
<Text>add new 2 files into the folder “My project”</Text>
|
||||
<div className="files-list">
|
||||
{details.files.map((file) => (
|
||||
<div className="file" key={file.id}>
|
||||
<ReactSVG className="icon" src={file.icon} />
|
||||
<div className="file-title">
|
||||
<span className="name">{file.title.split(".")[0]}</span>
|
||||
<span className="exst">{file.fileExst}</span>
|
||||
</div>
|
||||
<IconButton
|
||||
className="location-btn"
|
||||
iconName="/static/images/folder-location.react.svg"
|
||||
size="16"
|
||||
isFill={true}
|
||||
onClick={() => {}}
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const UserNameLink = ({ user, withComma }) => {
|
||||
const username = user.displayName || user.email;
|
||||
const space = <div className="space"></div>;
|
||||
|
||||
return (
|
||||
<StyledUserNameLink className="user">
|
||||
{user.profileUrl ? (
|
||||
<Link
|
||||
className="username link"
|
||||
isHovered
|
||||
type="action"
|
||||
href={user.profileURl}
|
||||
>
|
||||
{username}
|
||||
{withComma ? "," : ""}
|
||||
{withComma && space}
|
||||
</Link>
|
||||
) : (
|
||||
<div className="username text" key={user.id}>
|
||||
{username}
|
||||
{withComma ? "," : ""}
|
||||
{withComma && space}
|
||||
</div>
|
||||
)}
|
||||
</StyledUserNameLink>
|
||||
);
|
||||
};
|
||||
|
||||
export default HistoryBlockContent;
|
@ -1,69 +0,0 @@
|
||||
import styled from "styled-components";
|
||||
import { Base } from "@docspace/components/themes";
|
||||
import { tablet } from "@docspace/components/utils/device";
|
||||
|
||||
const StyledInfoPanelHeader = styled.div`
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: ${(props) => (props.withSubmenu ? "85px" : "52px")};
|
||||
min-height: ${(props) => (props.withSubmenu ? "85px" : "52px")};
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-bottom: ${(props) =>
|
||||
props.withSubmenu
|
||||
? "none"
|
||||
: `1px solid ${props.theme.infoPanel.borderColor}`};
|
||||
.main {
|
||||
height: ${(props) => (props.withSubmenu ? "53px" : "52px")};
|
||||
min-height: ${(props) => (props.withSubmenu ? "53px" : "52px")};
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.header-text {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
.submenu {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
.sticky {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
const StyledInfoPanelToggleWrapper = styled.div`
|
||||
display: flex;
|
||||
|
||||
@media ${tablet} {
|
||||
display: none;
|
||||
}
|
||||
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-right: 20px;
|
||||
|
||||
.info-panel-toggle-bg {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
background-color: ${(props) =>
|
||||
props.theme.infoPanel.sectionHeaderToggleBgActive};
|
||||
|
||||
path {
|
||||
fill: ${(props) => props.theme.infoPanel.sectionHeaderToggleIconActive};
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
StyledInfoPanelHeader.defaultProps = { theme: Base };
|
||||
StyledInfoPanelToggleWrapper.defaultProps = { theme: Base };
|
||||
|
||||
export { StyledInfoPanelHeader, StyledInfoPanelToggleWrapper };
|
Loading…
Reference in New Issue
Block a user