diff --git a/src/Content/Embed/EmbedVideo.tsx b/src/Content/Embed/EmbedVideo.tsx index 071183c..f75b74e 100644 --- a/src/Content/Embed/EmbedVideo.tsx +++ b/src/Content/Embed/EmbedVideo.tsx @@ -57,11 +57,11 @@ interface EmbedVideoProps extends Required> { thumbnail?: APIEmbedThumbnail["url"]; url: APIEmbedVideo["url"] | undefined; - proxyUrl: APIEmbedVideo["proxy_url"] | undefined; + proxyUrl: APIEmbedVideo["proxy_url"] | undefined | null; } function EmbedVideo(props: EmbedVideoProps) { - if (props.proxyUrl !== undefined) + if (props.proxyUrl) return ( 0 ? `#${color.toString(16).padStart(6, "0")}` : undefined; }, [isGuildMember, resolveRole, member]); + const clickable = userOnClick !== undefined; + if (onlyShowUsername) { return ( userOnClick?.(author)} > - + {displayName} @@ -112,7 +117,7 @@ function MessageAuthor({ return ( userOnClick?.(author)} > @@ -150,9 +155,13 @@ function MessageAuthor({ )} - + {displayName} + {dominantRoleIconRole !== null && ( )} diff --git a/src/Message/Reactions/style.ts b/src/Message/Reactions/style.ts index d12d704..caffc4b 100644 --- a/src/Message/Reactions/style.ts +++ b/src/Message/Reactions/style.ts @@ -39,7 +39,7 @@ export const Reaction = styled.withConfig({ display: "flex", flexDirection: "row", alignItems: "center", - padding: `${theme.space.small} ${theme.space.medium}`, + padding: `${theme.space.xs} ${theme.space.medium}`, borderRadius: 8, cursor: "not-allowed", backgroundColor: theme.colors.backgroundSecondary, diff --git a/src/Message/style/author.ts b/src/Message/style/author.ts index 8b3608d..892ab9b 100644 --- a/src/Message/style/author.ts +++ b/src/Message/style/author.ts @@ -15,7 +15,6 @@ export const MessageAuthor = styled.withConfig({ true: { "&:hover": { cursor: "pointer", - textDecoration: "underline", }, }, }, @@ -35,6 +34,13 @@ export const Username = styled.withConfig({ lineHeight: `1.375rem`, variants: { + clickable: { + true: { + "&:hover": { + textDecoration: "underline", + }, + }, + }, automod: { true: { color: theme.colors.automodUsername,