A calm place to write long-form, and publish it to the open social web.
skypress.blog/
Hide the write-actions bar while the publish stepper is open
Once the publish flow takes over (signed in + flow open), the top "Publish…"
button is redundant with the stepper's own publish control. Stop rendering
the actions bar in that state so the action isn't shown twice.
author
Jeremy Herve
date
(Jun 17, 2026, 12:34 PM +0200)
commit
3cc5b4f4
3cc5b4f4f34bb3a4fb11c5d98d3f6d34454f6704
parent
74a2c39f
74a2c39fb7d715129bf4cf8da303fb4d5881deb4
+16
-11
+2
src/components/WriteStudio.test.tsx
+2
src/components/WriteStudio.test.tsx
···
89
89
root.render( createElement( WriteStudio ) );
90
90
} );
91
91
expect( container.querySelector( '.writeflow' ) ).not.toBe( null );
92
+
// The top Publish action gives way to the stepper — no redundant button.
93
+
expect( container.querySelector( '.write-actions' ) ).toBe( null );
92
94
} );
93
95
} );
+14
-11
src/components/WriteStudio.tsx
+14
-11
src/components/WriteStudio.tsx
···
154
154
155
155
{ /* The Publish action, right-aligned in the shared content column. The signed-in
156
156
identity + sign-out live in the app bar above, so there is no pill here — and
157
-
no standalone "Sign in" affordance (signing in happens on the way to publish). */ }
158
-
<div className="write-actions">
159
-
<button
160
-
type="button"
161
-
className="write-publish"
162
-
disabled={ ! canPublish }
163
-
onClick={ onPublishClicked }
164
-
>
165
-
Publish…
166
-
</button>
167
-
</div>
157
+
no standalone "Sign in" affordance (signing in happens on the way to publish).
158
+
Hidden once the publish stepper takes over, so the button isn't shown twice. */ }
159
+
{ ! ( signedIn && flowOpen ) && (
160
+
<div className="write-actions">
161
+
<button
162
+
type="button"
163
+
className="write-publish"
164
+
disabled={ ! canPublish }
165
+
onClick={ onPublishClicked }
166
+
>
167
+
Publish…
168
+
</button>
169
+
</div>
170
+
) }
168
171
169
172
{ published && <PublishedPill url={ published.url } isEditing={ false } /> }
170
173