fix styling issues

This commit is contained in:
Konstantin Schaper
2020-08-07 12:17:42 +02:00
parent af04a074d9
commit db19d8e95c
3 changed files with 5 additions and 13 deletions

View File

@@ -63,7 +63,6 @@ const PopoverContainer = styled.div<ContainerProps>`
margin-top: -0.4rem; margin-top: -0.4rem;
-webkit-transform-origin: center; -webkit-transform-origin: center;
transform-origin: center; transform-origin: center;
box-shadow: -1px 1px 2px rgba(10, 10, 10, 0.2);
transform: rotate(-45deg); transform: rotate(-45deg);
} }
`; `;

View File

@@ -89,14 +89,14 @@ const SignatureIcon: FC<Props> = ({signatures, className}) => {
const signatureElements = signatures.map(signature => createSignatureBlock(signature)); const signatureElements = signatures.map(signature => createSignatureBlock(signature));
const getColor = () => { const getColor = () => {
const verified = signatures.some(sig => sig.status === "VERIFIED");
if (verified) {
return "success";
}
const invalid = signatures.some(sig => sig.status === "INVALID"); const invalid = signatures.some(sig => sig.status === "INVALID");
if (invalid) { if (invalid) {
return "danger"; return "danger";
} }
const verified = signatures.some(sig => sig.status === "VERIFIED");
if (verified) {
return "success";
}
return undefined; return undefined;
}; };

View File

@@ -43,12 +43,6 @@ export const PublicKeyEntry: FC<Props> = ({ publicKey, onDelete }) => {
<DeleteButton label={t("publicKey.delete")} action={() => onDelete((publicKey._links.delete as Link).href)} /> <DeleteButton label={t("publicKey.delete")} action={() => onDelete((publicKey._links.delete as Link).href)} />
); );
} }
let downloadButton;
if (publicKey?._links?.raw) {
downloadButton = (
<DownloadButton displayName={t("publicKey.download")} url={(publicKey?._links?.raw as Link).href} />
);
}
return ( return (
<> <>
@@ -57,9 +51,8 @@ export const PublicKeyEntry: FC<Props> = ({ publicKey, onDelete }) => {
<td className="is-hidden-mobile"> <td className="is-hidden-mobile">
<DateFromNow date={publicKey.created} /> <DateFromNow date={publicKey.created} />
</td> </td>
<td className="is-hidden-mobile">{publicKey.id}</td> <td className="is-hidden-mobile">{publicKey._links?.raw ? <a href={(publicKey._links.raw as Link).href}>{publicKey.id}</a> : publicKey.id}</td>
<td>{deleteButton}</td> <td>{deleteButton}</td>
<td className="is-hidden-mobile">{downloadButton}</td>
</tr> </tr>
</> </>
); );