mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-03-31 12:20:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

Ensure copy button on chatbot shows when appropriate (#8655)

Browse Source 
* fix copy button

* add changeset

* fix boolean logic

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
This commit is contained in:
pngwn 2024-06-28 14:26:37 +02:00 committed by GitHub
parent 9933e538c9
commit 3896398480
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/curvy-clowns-design.md Normal file
View File

@ -0,0 +1,6 @@
---
"@gradio/chatbot": patch
"gradio": patch
---
fix:Ensure copy button on chatbot shows when appropriate

5
js/chatbot/shared/ButtonPanel.svelte
View File

@ -11,13 +11,12 @@
export let message: Record<string, any>;
export let position: "right" | "left";
export let avatar: FileData | null;
export let show_download = false;
export let handle_action: (selected: string | null) => void;
export let layout: "bubble" | "panel";
$: show_copy = show_copy_button && message && message?.type === "text";
$: show_download =
(show_download && message?.value?.video?.url) || message?.value?.url;
show_copy_button && (message?.value?.video?.url || message?.value?.url);
</script>
{#if show}

9
js/chatbot/shared/ChatBot.svelte
View File

@ -22,6 +22,7 @@
import Pending from "./Pending.svelte";
import Component from "./Component.svelte";
import LikeButtons from "./ButtonPanel.svelte";
import type { LoadedComponent } from "../../app/src/types";
export let _fetch: typeof fetch;
export let load_component: Gradio["load_component"];
@ -42,7 +43,7 @@
component_name;
});
const loaded_components = await Promise.all(components);
const loaded_components: LoadedComponent[] = await Promise.all(components);
loaded_components.forEach((component, i) => {
_components[names[i]] = component.default;
});
@ -341,10 +342,7 @@
</button>
</div>
<LikeButtons
show={(likeable && j === 1) ||
(show_copy_button &&
message &&
typeof message === "string")}
show={j === 1 && (likeable || show_copy_button)}
handle_action={(selected) =>
handle_like(i, j, message, selected)}
{likeable}
@ -352,7 +350,6 @@
{message}
position={j === 0 ? "right" : "left"}
avatar={avatar_images[j]}
show_download={true}
{layout}
/>
</div>