move stuff around

Author: lorenzo-cavazzi

client/src/components/entityWatermark/EntityWatermark.tsx

@@ -27,22 +27,27 @@ interface EntityWatermarkProps {
 }
 export function EntityWatermark({ className, type }: EntityWatermarkProps) {
   return (
-    <div
-      className={cx(
-        "d-flex",
-        "text-body-secondary",
-        "opacity-25",
-        className,
-        styles.EntityWatermark
-      )}
-    >
-      {type === "group" ? (
-        <People />
-      ) : type === "user" ? (
-        <Person />
-      ) : (
-        <Folder />
-      )}
+    <div className="position-relative">
+      <div
+        className={cx(
+          "d-flex",
+          "end-0",
+          "opacity-25",
+          "position-absolute",
+          "text-body-secondary",
+          "top-0",
+          className,
+          styles.EntityWatermark
+        )}
+      >
+        {type === "group" ? (
+          <People />
+        ) : type === "user" ? (
+          <Person />
+        ) : (
+          <Folder />
+        )}
+      </div>
     </div>
   );
 }

client/src/features/ProjectPageV2/ProjectPageLayout/ProjectPageLayout.tsx

@@ -52,13 +52,8 @@ export default function ProjectPageLayout({
               <ProjectPageHeader project={project} />
             </Col>
             <Col className={cx("d-md-block", "d-none")} md="auto">
-              <div className="position-relative">
-                <EntityWatermarkPlaceholder />
-                <EntityWatermark
-                  className={cx("end-0", "position-absolute", "top-0")}
-                  type="project"
-                />
-              </div>
+              <EntityWatermarkPlaceholder />
+              <EntityWatermark type="project" />
             </Col>
           </Row>
         </Col>

client/src/features/groupsV2/show/GroupPageLayout.tsx

@@ -65,13 +65,8 @@ export default function GroupPageLayout({
               <GroupHeader group={group} slug={group.slug} />
             </Col>
             <Col className={cx("d-md-block", "d-none")} md="auto">
-              <div className="position-relative">
-                <EntityWatermarkPlaceholder />
-                <EntityWatermark
-                  className={cx("end-0", "position-absolute", "top-0")}
-                  type="group"
-                />
-              </div>
+              <EntityWatermarkPlaceholder />
+              <EntityWatermark type="group" />
             </Col>
           </Row>
         </Col>

client/src/features/usersV2/show/UserPageLayout.tsx

@@ -70,13 +70,8 @@ export default function UserPageLayout({
               <UserHeader name={name ?? ""} username={user.username} />
             </Col>
             <Col className={cx("d-md-block", "d-none")} md="auto">
-              <div className="position-relative">
-                <EntityWatermarkPlaceholder />
-                <EntityWatermark
-                  className={cx("end-0", "position-absolute", "top-0")}
-                  type="user"
-                />
-              </div>
+              <EntityWatermarkPlaceholder />
+              <EntityWatermark type="user" />
             </Col>
           </Row>
         </Col>