Radish alpha
r
rad:z4D5UCArafTzTQpDZNQRuqswh3ury
Radicle desktop app
Radicle
Git
Use brand styling for save actions
Brandon Oxendine committed 16 days ago
commit ee001e96fa62fc518e9dec8e667d19cc49d97de0
parent c167f4f
5 files changed +14 -1
modified src/components/Comment.svelte
@@ -202,6 +202,7 @@
            {emptyBodyTooltip}
            {disableAttachments}
            borderVariant="ghost"
+
            submitVariant="secondary"
            submitInProgress={state === "submit"}
            submitCaption="Save"
            placeholder="Leave a comment"
modified src/components/CommentToggleInput.svelte
@@ -55,6 +55,7 @@
    {rid}
    {placeholder}
    borderVariant="ghost"
+
    submitActiveVariant="secondary"
    submitInProgress={state === "submit"}
    {focus}
    stylePadding="0.5rem 0.75rem"
modified src/components/ExtendedTextarea.svelte
@@ -22,6 +22,8 @@
    rid: string;
    placeholder?: string;
    submitCaption?: string;
+
    submitVariant?: ComponentProps<typeof Button>["variant"];
+
    submitActiveVariant?: ComponentProps<typeof Button>["variant"];
    focus?: boolean;
    inline?: boolean;
    body?: string;
@@ -56,6 +58,8 @@
    rid,
    placeholder = "Leave your comment",
    submitCaption = "Comment",
+
    submitVariant = "ghost",
+
    submitActiveVariant = undefined,
    focus = false,
    inline = false,
    body = $bindable(""),
@@ -79,6 +83,11 @@
  const attachDisabledReason = $derived(
    typeof attachDisabled === "string" ? attachDisabled : undefined,
  );
+
  const effectiveSubmitVariant = $derived(
+
    body.trim().length > 0 && submitActiveVariant !== undefined
+
      ? submitActiveVariant
+
      : submitVariant,
+
  );

  let selectionStart = $state(body.length);
  let selectionEnd = $state(body.length);
@@ -364,7 +373,7 @@
        {preview ? "Edit" : "Preview"}
      </Button>
      <Button
-
        variant="ghost"
+
        variant={effectiveSubmitVariant}
        title={emptyBodyTooltip}
        disabled={!isValid() ||
          submitInProgress ||
modified src/components/Thread.svelte
@@ -112,6 +112,7 @@
          {rid}
          placeholder="Reply to comment"
          submitCaption="Reply"
+
          submitActiveVariant="secondary"
          focus
          close={() => (showReplyForm = false)}
          submit={async ({ comment, embeds }) => {
modified src/modals/CreateIssue.svelte
@@ -163,6 +163,7 @@
      disableSubmit={title.trim() === ""}
      disallowEmptyBody
      styleMinHeight="20rem"
+
      submitVariant="secondary"
      submitCaption="Save"
      hideDiscard
      close={hide}