fix #889 (#1090)

drips-network · Jun 3, 2024 · 9f16d67 · 9f16d67
1 parent 01947f7
commit 9f16d67
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/src/lib/components/project-profile-header/project-profile-header.svelte b/src/lib/components/project-profile-header/project-profile-header.svelte
@@ -9,6 +9,9 @@
         source {
           url
         }
+        owner {
+          address
+        }
       }
       ... on UnclaimedProject {
         source {
@@ -28,12 +31,13 @@
   } from '$lib/components/project-badge/project-badge.svelte';
   import { createEventDispatcher } from 'svelte';
   import Button from '../button/button.svelte';
-  import Copyable from '../copyable/copyable.svelte';
   import Pen from '$lib/components/icons/Pen.svelte';
   import { gql } from 'graphql-request';
   import type { ProjectProfileHeaderFragment } from './__generated__/gql.generated';
   import ShareButton from '../share-button/share-button.svelte';
   import twemoji from '$lib/utils/twemoji';
+  import IdentityBadge from '../identity-badge/identity-badge.svelte';
+  import isClaimed from '$lib/utils/project/is-claimed';
 
   export let project: ProjectProfileHeaderFragment;
   export let description: string | undefined = undefined;
@@ -56,9 +60,12 @@
     </div>
     <div class="flex-1 min-w-0 flex flex-col gap-1">
       <h1>{project.source.repoName}</h1>
-      <Copyable alwaysVisible={true} value={project.source.url}>
-        <ProjectBadge {project} forceUnclaimed tooltip={false} linkTo="external-url" />
-      </Copyable>
+      <div style:display="flex" style:gap="0.75rem" style:flex-wrap="wrap">
+        {#if isClaimed(project)}
+          <IdentityBadge address={project.owner.address} />
+        {/if}
+        <ProjectBadge size="tiny" {project} forceUnclaimed tooltip={false} linkTo="external-url" />
+      </div>
       {#if description}
         <span
           class="typo-text-small line-clamp-2 twemoji-text"
@@ -71,7 +78,7 @@
     {#if editButton || shareButton}
       <div class="actions">
         {#if shareButton}
-          <ShareButton url={shareButton.url} />
+          <ShareButton buttonVariant="normal" url={shareButton.url} />
         {/if}
         {#if editButton}
           <Button icon={Pen} on:click={() => dispatch('editButtonClick')}>{editButton}</Button>

diff --git a/src/routes/app/(app)/projects/(forges)/components/project-profile/project-profile.svelte b/src/routes/app/(app)/projects/(forges)/components/project-profile/project-profile.svelte
@@ -355,14 +355,6 @@
 
   <article class="project-profile" class:claimed={isClaimed(project)}>
     <header class="header">
-      {#if isClaimed(project)}
-        <div class="owner">
-          <span class="typo-text" style:color="var(--color-foreground-level-5)"
-            >Project claimed by</span
-          >
-          <IdentityBadge address={project.owner.address} disableTooltip />
-        </div>
-      {/if}
       <div>
         <ProjectProfileHeader
           {project}