Client:PortalSettings:OAuth: add scope list for info dialog
This commit is contained in:
parent
b4bc592336
commit
477068f8c0
@ -25,6 +25,7 @@ import { TTranslation } from "@docspace/shared/types";
|
|||||||
import { ContextMenuModel } from "@docspace/shared/components/context-menu";
|
import { ContextMenuModel } from "@docspace/shared/components/context-menu";
|
||||||
|
|
||||||
import { OAuthStoreProps } from "SRC_DIR/store/OAuthStore";
|
import { OAuthStoreProps } from "SRC_DIR/store/OAuthStore";
|
||||||
|
import { Tag } from "@docspace/shared/components/tag";
|
||||||
|
|
||||||
const StyledContainer = styled.div<{
|
const StyledContainer = styled.div<{
|
||||||
showDescription: boolean;
|
showDescription: boolean;
|
||||||
@ -118,6 +119,23 @@ const StyledContainer = styled.div<{
|
|||||||
background: ${(props) => props.theme.oauth.infoDialog.separatorColor};
|
background: ${(props) => props.theme.oauth.infoDialog.separatorColor};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.property-tag_list {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 4px;
|
||||||
|
|
||||||
|
.property-tag {
|
||||||
|
max-width: 195px;
|
||||||
|
margin: 0;
|
||||||
|
background: ${(props) => props.theme.infoPanel.details.tagBackground};
|
||||||
|
p {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
StyledContainer.defaultProps = { theme: Base };
|
StyledContainer.defaultProps = { theme: Base };
|
||||||
@ -288,7 +306,6 @@ const InfoDialog = ({
|
|||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<Text
|
<Text
|
||||||
className="block-header"
|
className="block-header"
|
||||||
fontSize="14px"
|
fontSize="14px"
|
||||||
@ -299,7 +316,6 @@ const InfoDialog = ({
|
|||||||
>
|
>
|
||||||
{t("Common:Website")}
|
{t("Common:Website")}
|
||||||
</Text>
|
</Text>
|
||||||
|
|
||||||
<Link
|
<Link
|
||||||
fontSize="13px"
|
fontSize="13px"
|
||||||
lineHeight="15px"
|
lineHeight="15px"
|
||||||
@ -311,7 +327,21 @@ const InfoDialog = ({
|
|||||||
>
|
>
|
||||||
{client?.websiteUrl}
|
{client?.websiteUrl}
|
||||||
</Link>
|
</Link>
|
||||||
|
<Text
|
||||||
|
className="block-header"
|
||||||
|
fontSize="14px"
|
||||||
|
lineHeight="16px"
|
||||||
|
fontWeight="600"
|
||||||
|
noSelect
|
||||||
|
truncate
|
||||||
|
>
|
||||||
|
{t("Scopes")}
|
||||||
|
</Text>{" "}
|
||||||
|
<ScopeList
|
||||||
|
selectedScopes={client?.scopes || []}
|
||||||
|
scopes={scopeList || []}
|
||||||
|
t={t}
|
||||||
|
/>
|
||||||
<Text
|
<Text
|
||||||
className="block-header"
|
className="block-header"
|
||||||
fontSize="14px"
|
fontSize="14px"
|
||||||
@ -322,11 +352,16 @@ const InfoDialog = ({
|
|||||||
>
|
>
|
||||||
{t("Access")}
|
{t("Access")}
|
||||||
</Text>
|
</Text>
|
||||||
<ScopeList
|
<div className="property-tag_list">
|
||||||
selectedScopes={client?.scopes || []}
|
{client?.scopes.map((scope) => (
|
||||||
scopes={scopeList || []}
|
<Tag
|
||||||
t={t}
|
key={scope}
|
||||||
/>
|
tag={scope}
|
||||||
|
className="property-tag"
|
||||||
|
label={scope}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
{isProfile && (
|
{isProfile && (
|
||||||
<>
|
<>
|
||||||
<Text
|
<Text
|
||||||
@ -351,7 +386,6 @@ const InfoDialog = ({
|
|||||||
</Text>
|
</Text>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<Text
|
<Text
|
||||||
className="block-header"
|
className="block-header"
|
||||||
fontSize="14px"
|
fontSize="14px"
|
||||||
@ -362,7 +396,6 @@ const InfoDialog = ({
|
|||||||
>
|
>
|
||||||
{t("SupportAndLegalInfo")}
|
{t("SupportAndLegalInfo")}
|
||||||
</Text>
|
</Text>
|
||||||
|
|
||||||
<Text
|
<Text
|
||||||
className="privacy-block"
|
className="privacy-block"
|
||||||
fontSize="13px"
|
fontSize="13px"
|
||||||
|
Loading…
Reference in New Issue
Block a user