fix #839

howardchung · Jan 22, 2025 · 3422907 · 3422907
1 parent c5b84d1
commit 3422907
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 23 deletions.
diff --git a/src/components/Chat/Chat.module.css b/src/components/Chat/Chat.module.css
@@ -1,12 +1,17 @@
-.subscriber {
-  position: relative;
+.subscriber.subscriber.subscriber.subscriber.subscriber {
+  color: rgb(33, 186, 69);
+  font-weight: 700;
 }
 
-.subscriber img {
+/* .subscriber {
+  position: relative;
+} */
+
+/* .subscriber img {
   border: 3px solid transparent;
-}
+} */
 
-.subscriber:before {
+/* .subscriber:before {
   content: '';
   background: linear-gradient(
     60deg,
@@ -26,9 +31,9 @@
   border-radius: 2px;
   animation: animatedgradient 2.5s ease infinite;
   background-size: 200% 200%;
-}
+} */
 
-@keyframes animatedgradient {
+/* @keyframes animatedgradient {
   0% {
     background-position: 0% 50%;
   }
@@ -38,7 +43,7 @@
   100% {
     background-position: 0% 50%;
   }
-}
+} */
 
 .chatContainer {
   flex-grow: 1;

diff --git a/src/components/Chat/Chat.tsx b/src/components/Chat/Chat.tsx
@@ -398,17 +398,10 @@ const ChatMessage = ({
   return (
     <Comment className={`${classes.comment} ${className}`}>
       {id ? (
-        <Popup
-          content="WatchParty Plus subscriber"
-          disabled={!isSub}
-          trigger={
-            <Comment.Avatar
-              className={isSub ? classes.subscriber : ''}
-              src={
-                pictureMap[id] ||
-                getDefaultPicture(nameMap[id], getColorForStringHex(id))
-              }
-            />
+        <Comment.Avatar
+          src={
+            pictureMap[id] ||
+            getDefaultPicture(nameMap[id], getColorForStringHex(id))
           }
         />
       ) : null}
@@ -421,7 +414,11 @@ const ChatMessage = ({
           isChatMessage
           disabled={!Boolean(owner && owner === user?.uid)}
           trigger={
-            <Comment.Author as="a" className={styles.light}>
+            <Comment.Author
+              title={isSub ? 'WatchParty Plus subscriber' : ''}
+              as="a"
+              className={isSub ? classes.subscriber : styles.light}
+            >
               {Boolean(system) && 'System'}
               {nameMap[id] || id}
             </Comment.Author>

diff --git a/src/components/Modal/SubscribeModal.tsx b/src/components/Modal/SubscribeModal.tsx
@@ -127,23 +127,23 @@ export class SubscribeModal extends React.Component<{
                   </Table.Cell>
                 </Table.Row>
                 <Table.Row>
-                  <Table.Cell>Custom Room URLs and Titles</Table.Cell>
+                  <Table.Cell>Custom room URLs and titles</Table.Cell>
                   <Table.Cell></Table.Cell>
                   <Table.Cell>
                     <Icon name="check" />
                   </Table.Cell>
                 </Table.Row>
                 <Table.Row>
                   <Table.Cell>
-                    Discord Subscriber Role (with linked account)
+                    Discord subscriber role (with linked account)
                   </Table.Cell>
                   <Table.Cell></Table.Cell>
                   <Table.Cell>
                     <Icon name="check" />
                   </Table.Cell>
                 </Table.Row>
                 <Table.Row>
-                  <Table.Cell>Animated Chat Avatar Frame</Table.Cell>
+                  <Table.Cell>Colored names in chat</Table.Cell>
                   <Table.Cell></Table.Cell>
                   <Table.Cell>
                     <Icon name="check" />