From cd8a54d7cc4f6e749f715c985449119d38a14d68 Mon Sep 17 00:00:00 2001 From: Peter Zimon Date: Tue, 18 Jun 2024 13:43:53 +0200 Subject: [PATCH] Updated borders in comments CTA box (#20274) DES-189 Our use of borders makes it very difficult to style a theme that looks good with all states. Theme developers need a border to separate comments from the content, but the current comments output includes borders. It's possible to make it look ok in most of the time, but it's difficult to work with. This change updates borders from the comments CTA box with the following rules: - Logged out without comments: no borders - Logged out with comments: top border only - Logged in without comments: no borders - Logged in with comments: no borders --- apps/comments-ui/src/components/content/CTABox.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/comments-ui/src/components/content/CTABox.tsx b/apps/comments-ui/src/components/content/CTABox.tsx index f16a7649cc..51dc5f1238 100644 --- a/apps/comments-ui/src/components/content/CTABox.tsx +++ b/apps/comments-ui/src/components/content/CTABox.tsx @@ -6,7 +6,7 @@ type Props = { isPaid: boolean }; const CTABox: React.FC = ({isFirst, isPaid}) => { - const {accentColor, publication, member, t} = useAppContext(); + const {accentColor, commentCount, publication, member, t} = useAppContext(); const buttonStyle = { backgroundColor: accentColor @@ -31,7 +31,7 @@ const CTABox: React.FC = ({isFirst, isPaid}) => { )); return ( -
+

{titleText}