Radish alpha
r
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Add org listing to user profile
Sebastian Martinez committed 4 years ago
commit c1e67bf776b9c25f88f8a530f0c6e054db18fd4c
parent 404fdf09c5a90912c82877d39f25ad06ba58f258
2 files changed +40 -1
modified src/base/orgs/Org.ts
@@ -32,7 +32,7 @@ const GetOrgs = `
`;

const GetSafesByOwners = `
-
  query GetSafesByOwner($owners: [String!]!) {
+
  query GetSafesByOwners($owners: [String!]!) {
    safes(where: { owners_contains: $owners }) {
      id
      owners
modified src/base/users/View.svelte
@@ -66,6 +66,24 @@
  .projects .project {
    margin-bottom: 1rem;
  }
+
  .members {
+
    margin-top: 2rem;
+
    align-items: center;
+
    display: flex;
+
  }
+
  .members .member {
+
    display: flex;
+
    align-items: center;
+
    margin-right: 2rem;
+
  }
+
  .members .member:last-child {
+
    margin-right: 0;
+
  }
+
  .members .member-icon {
+
    width: 2rem;
+
    height: 2rem;
+
    margin-right: 1rem;
+
  }
</style>

<svelte:head>
@@ -122,6 +140,27 @@
          {/if}
        </div>
      </div>
+
      {#await Org.getOrgsByMember(profile.address, config)}
+
        <Loading center />
+
      {:then orgs}
+
        {#if orgs.length > 0}
+
          <div class="members">
+
            {#each orgs as org}
+
              {#await Org.getProfile(org.address, ProfileType.Minimal, config)}
+
                <Loading/>
+
              {:then profile}
+
                <div class="member">
+
                  <div class="member-icon">
+
                    <Avatar source={profile.avatar ?? profile.address} address={profile.address} />
+
                  </div>
+
                  <Address address={profile.address} compact
+
                    resolve noBadge noAvatar {profile} {config} />
+
                </div>
+
              {/await}
+
            {/each}
+
          </div>
+
        {/if}
+
      {/await}
      <div class="projects">
        {#if profile.anchorsAccount}
          {#await Org.get(profile.anchorsAccount, config)}