fix(den): relabel mobile connect CTA for web

This commit is contained in:
Benjamin Shafii
2026-03-12 19:09:18 -07:00
parent 90a55d910f
commit 6d35b7b1cd

View File

@@ -3067,10 +3067,28 @@ export function CloudControlPanel() {
</div>
<div className="rounded-[28px] border border-slate-100 bg-white p-6">
<div className="mb-6 flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
<div>
<h3 className="text-lg font-bold tracking-tight text-slate-900">Connection Details</h3>
<p className="text-sm text-slate-500">Access and manage your worker instance.</p>
<div className="mb-6 flex flex-col gap-4 md:flex-row md:items-start md:justify-between">
<div className="flex items-start justify-between gap-4 md:block">
<div>
<h3 className="text-lg font-bold tracking-tight text-slate-900">Connection Details</h3>
<p className="text-sm text-slate-500">Access and manage your worker instance.</p>
</div>
{openworkAppConnectUrl ? (
<a
href={openworkAppConnectUrl}
target="_blank"
rel="noreferrer"
className={`shrink-0 rounded-[14px] border px-4 py-2 text-sm font-semibold transition md:hidden ${
selectedStatusMeta.bucket === "ready"
? "border-slate-300 bg-white text-slate-700 hover:border-slate-400 hover:text-slate-900"
: "pointer-events-none cursor-not-allowed border-slate-200 bg-slate-100 text-slate-400"
}`}
aria-disabled={selectedStatusMeta.bucket !== "ready"}
>
Open in Web
</a>
) : null}
</div>
<div className="flex flex-wrap items-center gap-2">
@@ -3093,14 +3111,14 @@ export function CloudControlPanel() {
href={openworkAppConnectUrl}
target="_blank"
rel="noreferrer"
className={`rounded-[14px] border px-5 py-3 text-sm font-semibold transition ${
className={`hidden rounded-[14px] border px-5 py-3 text-sm font-semibold transition md:inline-flex ${
selectedStatusMeta.bucket === "ready"
? "border-slate-300 bg-white text-slate-700 hover:border-slate-400 hover:text-slate-900"
: "pointer-events-none cursor-not-allowed border-slate-200 bg-slate-100 text-slate-400"
}`}
aria-disabled={selectedStatusMeta.bucket !== "ready"}
>
Open in App
Open in Web
</a>
) : null}
</div>
@@ -3110,7 +3128,7 @@ export function CloudControlPanel() {
<p className="text-sm text-slate-600">
{openworkDeepLink
? openworkAppConnectUrl
? "You are all set. Open in OpenWork or Open in App to start working."
? "You are all set. Open in OpenWork or Open in Web to start working."
: "You are all set. Open in OpenWork to start working."
: "We are still preparing your connection. The button will unlock when ready."}
</p>