Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Add face Icon
Sebastian Martinez committed 2 years ago
commit 1efeb4166742020627bf5621e936a96836f81f44
parent def558033cf3e8c0799e8b7c1ea5152b9189b739
2 files changed +17 -2
modified src/components/Icon.svelte
@@ -14,6 +14,7 @@
    | "chevron-up"

    | "clipboard"

    | "clipboard-small"
+ 
    | "face"

    | "cross"

    | "diff"

    | "ellipsis"
@@ -74,6 +75,18 @@
      15.5 8.5 14.8284 8.5 14V9.5ZM10 5.5C9.72386 5.5 9.5 5.72386 9.5 6V14C9.5

      14.2761 9.72386 14.5 10 14.5H18C18.2761 14.5 18.5 14.2761 18.5 14V6C18.5

      5.72386 18.2761 5.5 18 5.5H10Z" />
+ 
  {:else if name === "face"}
+ 
    .only
+ 
    <path
+ 
      d="M8.3 13.1C8.07908 12.9343 7.76568 12.9791 7.6 13.2C7.43431 13.4209 7.47908 13.7343 7.7 13.9L8.1 14.2C10.4111 15.9333 13.5889 15.9333 15.9 14.2L16.3 13.9C16.5209 13.7343 16.5657 13.4209 16.4 13.2C16.2343 12.9791 15.9209 12.9343 15.7 13.1L15.3 13.4C13.3444 14.8667 10.6556 14.8667 8.7 13.4L8.3 13.1Z" />
+ 
    <path
+ 
      d="M11 10C11 10.5523 10.5523 11 10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10Z" />
+ 
    <path
+ 
      d="M14 11C14.5523 11 15 10.5523 15 10C15 9.44772 14.5523 9 14 9C13.4477 9 13 9.44772 13 10C13 10.5523 13.4477 11 14 11Z" />
+ 
    <path
+ 
      fill-rule="evenodd"
+ 
      clip-rule="evenodd"
+ 
      d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z" />

  {:else if name === "clipboard-small"}

    <path

      fill-rule="evenodd"
modified src/components/Reactions.svelte
@@ -1,9 +1,9 @@
<script lang="ts" strictEvents>

  import { createEventDispatcher } from "svelte";
- 
  import Button from "@app/components/Button.svelte";

  import Chip from "@app/components/Chip.svelte";

  import Floating, { closeFocused } from "@app/components/Floating.svelte";
+ 
  import Icon from "@app/components/Icon.svelte";

  import config from "@app/config.json";

  import { httpdStore } from "@app/lib/httpd";
@@ -89,7 +89,9 @@
          </button>

        {/each}

      </div>
- 
      <Button variant="secondary" slot="toggle" size="tiny">+</Button>
+ 
      <div slot="toggle" class="toggle">
+ 
        <Icon name="face" />
+ 
      </div>

    </Floating>

  {/if}

  {#if groupedReactions.size > 0}