From bae03a7162530226ea03c86547c0de2bc340c06a Mon Sep 17 00:00:00 2001
From: pdelfan <pdelfan@gmail.com>
Date: Wed, 8 Apr 2026 16:32:12 -0700
Subject: [PATCH] feat: remove "by" on collection author section

---
 .../collectionHeader/CollectionHeader.tsx     | 57 +++++++++----------
 .../Skeleton.CollectionHeader.tsx             |  2 +-
 .../CollectionEmbedContainer.tsx              | 53 ++++++++---------
 .../Skeleton.CollectionEmbedContainer.tsx     |  2 +-
 .../CollectionGalleryEmbedContainer.tsx       |  3 -
 5 files changed, 52 insertions(+), 65 deletions(-)

diff --git a/src/webapp/features/collections/components/collectionHeader/CollectionHeader.tsx b/src/webapp/features/collections/components/collectionHeader/CollectionHeader.tsx
index d457655f..dc690f29 100644
--- a/src/webapp/features/collections/components/collectionHeader/CollectionHeader.tsx
+++ b/src/webapp/features/collections/components/collectionHeader/CollectionHeader.tsx
@@ -113,38 +113,33 @@ export default function CollectionHeader(props: Props) {
             <Group justify="space-between" gap={'lg'}>
               <Stack gap={'xs'}>
                 <Group gap={5}>
-                  <Text fw={600} fz={'sm'} c={'dimmed'} span>
-                    By
-                  </Text>
-                  <Group gap={5}>
-                    <Avatar
-                      size={'xs'}
-                      radius={'sm'}
-                      component={Link}
-                      href={`/profile/${collection.author.handle}`}
-                      src={collection.author.avatarUrl?.replace(
-                        'avatar',
-                        'avatar_thumbnail',
-                      )}
-                      alt={`${collection.author.name}'s avatar`}
+                  <Avatar
+                    size={'xs'}
+                    radius={'sm'}
+                    component={Link}
+                    href={`/profile/${collection.author.handle}`}
+                    src={collection.author.avatarUrl?.replace(
+                      'avatar',
+                      'avatar_thumbnail',
+                    )}
+                    alt={`${collection.author.name}'s avatar`}
+                  />
+                  <Anchor
+                    component={Link}
+                    href={`/profile/${collection.author.handle}`}
+                    fw={600}
+                    fz={'sm'}
+                    c="bright"
+                  >
+                    {collection.author.name}
+                  </Anchor>
+                  <Suspense>
+                    <CollectionContributorsSummary
+                      collectionId={collection.id}
+                      handle={props.handle}
+                      rkey={props.rkey}
                     />
-                    <Anchor
-                      component={Link}
-                      href={`/profile/${collection.author.handle}`}
-                      fw={600}
-                      fz={'sm'}
-                      c="bright"
-                    >
-                      {collection.author.name}
-                    </Anchor>
-                    <Suspense>
-                      <CollectionContributorsSummary
-                        collectionId={collection.id}
-                        handle={props.handle}
-                        rkey={props.rkey}
-                      />
-                    </Suspense>
-                  </Group>
+                  </Suspense>
                 </Group>
                 <Group gap={'xs'}>
                   <Anchor
diff --git a/src/webapp/features/collections/components/collectionHeader/Skeleton.CollectionHeader.tsx b/src/webapp/features/collections/components/collectionHeader/Skeleton.CollectionHeader.tsx
index d940d4ac..017fc0e0 100644
--- a/src/webapp/features/collections/components/collectionHeader/Skeleton.CollectionHeader.tsx
+++ b/src/webapp/features/collections/components/collectionHeader/Skeleton.CollectionHeader.tsx
@@ -48,7 +48,7 @@ export default function CollectionHeaderSkeleton() {
 
             <Group justify="space-between" gap={'lg'}>
               <Stack gap={'xs'}>
-                {/* "By" section */}
+                {/* Author + collaborators */}
                 <Group gap={5}>
                   <Skeleton w={180} h={24} />
                 </Group>
diff --git a/src/webapp/features/collections/containers/collectionEmbedContainer/CollectionEmbedContainer.tsx b/src/webapp/features/collections/containers/collectionEmbedContainer/CollectionEmbedContainer.tsx
index dd881387..23cf7d1c 100644
--- a/src/webapp/features/collections/containers/collectionEmbedContainer/CollectionEmbedContainer.tsx
+++ b/src/webapp/features/collections/containers/collectionEmbedContainer/CollectionEmbedContainer.tsx
@@ -88,35 +88,30 @@ export default function CollectionEmbedContainer(props: Props) {
             </Stack>
           </Stack>
 
-          <Group gap={5}>
-            <Text fw={600} fz={'sm'} c={'dimmed'} span>
-              By
-            </Text>
-            <Group gap={5} wrap="nowrap">
-              <Avatar
-                size={'xs'}
-                radius={'sm'}
-                component={Link}
-                href={`/profile/${firstPage.author.handle}`}
-                target="_blank"
-                src={firstPage.author.avatarUrl?.replace(
-                  'avatar',
-                  'avatar_thumbnail',
-                )}
-                alt={`${firstPage.author.name}'s avatar`}
-              />
-              <Anchor
-                component={Link}
-                href={`/profile/${firstPage.author.handle}`}
-                target="_blank"
-                fw={600}
-                fz={'sm'}
-                c="bright"
-                lineClamp={1}
-              >
-                {firstPage.author.name}
-              </Anchor>
-            </Group>
+          <Group gap={5} wrap="nowrap">
+            <Avatar
+              size={'xs'}
+              radius={'sm'}
+              component={Link}
+              href={`/profile/${firstPage.author.handle}`}
+              target="_blank"
+              src={firstPage.author.avatarUrl?.replace(
+                'avatar',
+                'avatar_thumbnail',
+              )}
+              alt={`${firstPage.author.name}'s avatar`}
+            />
+            <Anchor
+              component={Link}
+              href={`/profile/${firstPage.author.handle}`}
+              target="_blank"
+              fw={600}
+              fz={'sm'}
+              c="bright"
+              lineClamp={1}
+            >
+              {firstPage.author.name}
+            </Anchor>
           </Group>
         </Group>
 
diff --git a/src/webapp/features/collections/containers/collectionEmbedContainer/Skeleton.CollectionEmbedContainer.tsx b/src/webapp/features/collections/containers/collectionEmbedContainer/Skeleton.CollectionEmbedContainer.tsx
index 8c333e90..3c874891 100644
--- a/src/webapp/features/collections/containers/collectionEmbedContainer/Skeleton.CollectionEmbedContainer.tsx
+++ b/src/webapp/features/collections/containers/collectionEmbedContainer/Skeleton.CollectionEmbedContainer.tsx
@@ -18,7 +18,7 @@ export default function CollectionEmbedContainerSkeleton() {
           </Stack>
 
           <Stack>
-            {/* By */}
+            {/* Author + collaborators */}
             <Skeleton w={100} h={24} />
           </Stack>
         </Group>
diff --git a/src/webapp/features/collections/containers/collectionGalleryEmbedContainer/CollectionGalleryEmbedContainer.tsx b/src/webapp/features/collections/containers/collectionGalleryEmbedContainer/CollectionGalleryEmbedContainer.tsx
index 29aec1ac..f94b9f62 100644
--- a/src/webapp/features/collections/containers/collectionGalleryEmbedContainer/CollectionGalleryEmbedContainer.tsx
+++ b/src/webapp/features/collections/containers/collectionGalleryEmbedContainer/CollectionGalleryEmbedContainer.tsx
@@ -138,9 +138,6 @@ function CollectionGalleryContent(props: Props) {
             </Stack>
 
             <Group gap={5} wrap="nowrap">
-              <Text fw={600} fz={'sm'} c={'dimmed'} span>
-                By
-              </Text>
               <Avatar
                 size={'xs'}
                 radius={'sm'}
-- 
2.51.2