From 502f1015bf23b365bc32446dd2e549b0c5d0dc72 Mon Sep 17 00:00:00 2001
From: Hannah <hannahblair@users.noreply.github.com>
Date: Mon, 21 Aug 2023 14:54:42 +0100
Subject: [PATCH] Ensure `Blocks` translation copy renders correctly (#5276)

* fix copy render in blocks

* add changeset

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
---
 .changeset/young-plums-swim.md | 6 ++++++
 js/app/src/Blocks.svelte       | 9 +++------
 2 files changed, 9 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/young-plums-swim.md

diff --git a/.changeset/young-plums-swim.md b/.changeset/young-plums-swim.md
new file mode 100644
index 0000000000..8d5fd23475
--- /dev/null
+++ b/.changeset/young-plums-swim.md
@@ -0,0 +1,6 @@
+---
+"@gradio/app": patch
+"gradio": patch
+---
+
+fix:Ensure `Blocks` translation copy renders correctly
diff --git a/js/app/src/Blocks.svelte b/js/app/src/Blocks.svelte
index 34d03112c1..19c51f2d06 100644
--- a/js/app/src/Blocks.svelte
+++ b/js/app/src/Blocks.svelte
@@ -11,7 +11,6 @@
 		ComponentMeta,
 		Dependency,
 		LayoutNode,
-		Documentation,
 	} from "./components/types";
 	import { setupi18n } from "./i18n";
 	import Render from "./Render.svelte";
@@ -644,10 +643,8 @@
 					}}
 					class="show-api"
 				>
-					$_('errors.use_via_api') <img
-						src={api_logo}
-						alt={$_("common.logo")}
-					/>
+					{$_("errors.use_via_api")}
+					<img src={api_logo} alt={$_("common.logo")} />
 				</button>
 				<div>·</div>
 			{/if}
@@ -657,7 +654,7 @@
 				target="_blank"
 				rel="noreferrer"
 			>
-				$_('common.built_with_gradio')
+				{$_("common.built_with_gradio")}
 				<img src={logo} alt={$_("common.logo")} />
 			</a>
 		</footer>