Merge pull request #347 from h3poteto/iss-344

refs #344 Show follows status in profile
h3poteto · Jan 30, 2023 · 68b3010 · 68b3010
2 parents b7f0a22 + c3a61f6
commit 68b3010
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/components/detail/Profile.tsx b/src/components/detail/Profile.tsx
@@ -165,10 +165,25 @@ const Profile: React.FC<Props> = props => {
   return (
     user && (
       <Content
-        style={{ height: '100%', backgroundColor: 'var(--rs-gray-800)', overflowY: 'auto', overflowX: 'hidden' }}
+        style={{ height: '100%', backgroundColor: 'var(--rs-gray-800)', overflowY: 'auto', overflowX: 'hidden', position: 'relative' }}
         onScroll={onScroll}
         ref={scrollerRef}
       >
+        {relationship && relationship.followed_by && (
+          <div
+            className="followed-status"
+            style={{
+              position: 'absolute',
+              top: '10px',
+              left: '10px',
+              backgroundColor: 'rgba(0, 0, 0, 0.7)',
+              padding: '4px',
+              borderRadius: '4px'
+            }}
+          >
+            FOLLOWS YOU
+          </div>
+        )}
         <div className="profile-header-image" style={{ width: '100%', backgroundColor: 'var(--rs-body)' }}>
           <img src={user.header} alt="header image" style={{ objectFit: 'cover', width: '100%', height: '146px' }} />
         </div>