Radish alpha
r
radicle-explorer
rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5
Radicle web interface
Radicle
Git
Patches › 54326032
Various UI fixes
Merged did:key:z6MkkfM3...sVz5 opened 2 years ago
  • Rename Share button to Copy link
  • Make SeedButton blue again in read-only mode

check check-visual check-unit-test check-httpd-api-unit-test check-e2e check-build

👉 Preview
👉 Workflow runs
👉 Branch on GitHub

Activity Changes +50 -70
4 files changed +50 -70 f6a77bec → 893af0c4
modified src/lib/httpd.ts
@@ -207,10 +207,6 @@ function pollSession() {
}



export async function initialize() {
- 
  if (!get(experimental)) {
- 
    return;
- 
  }
- 


  // Sync session state changes with other open tabs and windows.

  addEventListener("storage", event => {

    if (
modified src/views/home/Index.svelte
@@ -9,7 +9,6 @@
  import { api, httpdStore } from "@app/lib/httpd";

  import { baseUrlToString } from "@app/lib/utils";

  import { deduplicateStore } from "@app/lib/deduplicateStore";
- 
  import { experimental } from "@app/lib/appearance";

  import { handleError } from "@app/views/home/error";

  import { isDelegate } from "@app/lib/roles";

  import { preferredSeeds } from "@app/lib/seeds";
@@ -139,65 +138,54 @@


<AppLayout>

  <div class="wrapper">
- 
    {#if $experimental}
- 
      <div class="global-hide-on-mobile">
- 
        <HomepageSection
- 
          loading={$httpdStore.state !== "stopped" &&
- 
            localProjects === undefined}
- 
          empty={$httpdStore.state === "stopped" ||
- 
            (filteredLocalProjects instanceof Array &&
- 
              !filteredLocalProjects.length) ||
- 
            localProjects instanceof Error}
- 
          title="Local projects"
- 
          subtitle="Projects you're seeding with your local node">
- 
          <svelte:fragment slot="actions">
- 
            <FilterButton
- 
              disabled={!nodeId}
- 
              bind:value={$localProjectsFilter} />
- 
            <NewProjectButton disabled={!nodeId} />
- 
          </svelte:fragment>
- 
          <svelte:fragment slot="empty">
- 
            <div class="empty-state">
- 
              {#if !nodeId}
- 
                <div style="text-align: left; width: 100%;">
- 
                  <ConnectInstructions />
- 
                </div>
- 
              {:else if localProjects instanceof Error}
- 
                <ErrorMessage
- 
                  {...handleError(
- 
                    localProjects,
- 
                    baseUrlToString(api.baseUrl),
- 
                  )} />
- 
              {:else if !localProjects?.length}
- 
                <div class="heading">No local projects</div>
- 
                <div class="label">
- 
                  Seed or check out a project to work with it on your local
- 
                  node.
- 
                </div>
- 
              {:else}
- 
                <div class="heading">Nothing to see here</div>
- 
                <div class="label">
- 
                  No local projects matched your filter settings.
- 
                </div>
- 
              {/if}
- 
            </div>
- 
          </svelte:fragment>
- 
          <div class="project-grid">
- 
            {#if filteredLocalProjects && !(filteredLocalProjects instanceof Error)}
- 
              {#each filteredLocalProjects as projectInfo}
- 
                <ProjectCard
- 
                  {projectInfo}
- 
                  isSeeding={true}
- 
                  isDelegate={isDelegate(
- 
                    nodeId,
- 
                    projectInfo.project.delegates,
- 
                  ) ?? false} />
- 
              {/each}
+ 
    <div class="global-hide-on-mobile">
+ 
      <HomepageSection
+ 
        loading={$httpdStore.state !== "stopped" && localProjects === undefined}
+ 
        empty={$httpdStore.state === "stopped" ||
+ 
          (filteredLocalProjects instanceof Array &&
+ 
            !filteredLocalProjects.length) ||
+ 
          localProjects instanceof Error}
+ 
        title="Local projects"
+ 
        subtitle="Projects you're seeding with your local node">
+ 
        <svelte:fragment slot="actions">
+ 
          <FilterButton disabled={!nodeId} bind:value={$localProjectsFilter} />
+ 
          <NewProjectButton disabled={!nodeId} />
+ 
        </svelte:fragment>
+ 
        <svelte:fragment slot="empty">
+ 
          <div class="empty-state">
+ 
            {#if !nodeId}
+ 
              <div style="text-align: left; width: 100%;">
+ 
                <ConnectInstructions />
+ 
              </div>
+ 
            {:else if localProjects instanceof Error}
+ 
              <ErrorMessage
+ 
                {...handleError(localProjects, baseUrlToString(api.baseUrl))} />
+ 
            {:else if !localProjects?.length}
+ 
              <div class="heading">No local projects</div>
+ 
              <div class="label">
+ 
                Seed or check out a project to work with it on your local node.
+ 
              </div>
+ 
            {:else}
+ 
              <div class="heading">Nothing to see here</div>
+ 
              <div class="label">
+ 
                No local projects matched your filter settings.
+ 
              </div>

            {/if}

          </div>
- 
        </HomepageSection>
- 
      </div>
- 
    {/if}
+ 
        </svelte:fragment>
+ 
        <div class="project-grid">
+ 
          {#if filteredLocalProjects && !(filteredLocalProjects instanceof Error)}
+ 
            {#each filteredLocalProjects as projectInfo}
+ 
              <ProjectCard
+ 
                {projectInfo}
+ 
                isSeeding={true}
+ 
                isDelegate={isDelegate(nodeId, projectInfo.project.delegates) ??
+ 
                  false} />
+ 
            {/each}
+ 
          {/if}
+ 
        </div>
+ 
      </HomepageSection>
+ 
    </div>



    <HomepageSection

      loading={preferredSeedProjects === undefined}
modified src/views/projects/Header/SeedButton.svelte
@@ -103,18 +103,14 @@
        toggle();

      }

    }}
- 
    variant={!$experimental
- 
      ? "outline"
- 
      : seeding
- 
        ? "secondary-toggle-on"
- 
        : "secondary-toggle-off"}>
+ 
    variant={seeding ? "secondary-toggle-on" : "secondary-toggle-off"}>

    <IconSmall name="network" />

    <span class="title-counter">

      {seeding ? "Seeding" : "Seed"}

      <span

        class="counter"
- 
        class:seeding={$experimental ? seeding : false}
- 
        class:not-seeding={$experimental ? !seeding : false}
+ 
        class:seeding
+ 
        class:not-seeding={!seeding}

        class:disabled={$experimental ? !canEditSeeding : false}

        style:font-weight="var(--font-weight-regular)">

        {seedCount}
modified src/views/projects/Share.svelte
@@ -69,7 +69,7 @@
      <Loading small noDelay />

    {:else}

      <IconSmall name={shareIcon} />
- 
      Share
+ 
      Copy link

    {/if}

  </Button>

{/if}