From fa2b86c3d9f7df5b8516862a5758bd2cde22e948 Mon Sep 17 00:00:00 2001
From: Joe <joe.melsha@live.com>
Date: Wed, 18 Feb 2026 04:59:31 -0600
Subject: [PATCH] Refactor SyncbackConfirm component and enhance UI
 responsiveness

- Updated the `SyncbackConfirm` component to use `Theme.StudioProvider` for improved theming support.
- Introduced a `noTransparency` binding to manage button transparency, enhancing visual consistency.
- Adjusted the `Cancel` and `Confirm` buttons to utilize the new transparency binding, improving user experience during syncback confirmation.

These changes enhance the UI's responsiveness and maintainability of the syncback confirmation process.
---
 plugin/src/App/init.lua | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/plugin/src/App/init.lua b/plugin/src/App/init.lua
index f95e6f3d..857dd1cf 100644
--- a/plugin/src/App/init.lua
+++ b/plugin/src/App/init.lua
@@ -1211,7 +1211,8 @@ function App:render()
 			}),
 		}),
 
-		SyncbackConfirm = e(StudioPluginGui, {
+	SyncbackConfirm = e(Theme.StudioProvider, nil, {
+		e(StudioPluginGui, {
 			id = "Atlas_SyncbackConfirm",
 			title = "Full Syncback",
 			active = self.state.showingSyncbackConfirm == true,
@@ -1229,6 +1230,8 @@ function App:render()
 			end,
 		}, {
 			Content = Theme.with(function(theme)
+				local noTransparency = Roact.createBinding(0)
+
 				return e("Frame", {
 					Size = UDim2.fromScale(1, 1),
 					BackgroundColor3 = theme.BackgroundColor,
@@ -1271,6 +1274,7 @@ function App:render()
 						Cancel = e(TextButton, {
 							text = "Cancel",
 							style = "Bordered",
+							transparency = noTransparency,
 							layoutOrder = 1,
 							onClick = function()
 								self:setState({ showingSyncbackConfirm = false })
@@ -1279,6 +1283,7 @@ function App:render()
 						Confirm = e(TextButton, {
 							text = "Syncback",
 							style = "Danger",
+							transparency = noTransparency,
 							layoutOrder = 2,
 							onClick = function()
 								self:performSyncback()
@@ -1288,6 +1293,7 @@ function App:render()
 				})
 			end),
 		}),
+	}),
 
 		toggleAction = e(StudioPluginAction, {
 				name = "AtlasConnection",