Show boost button but disable if can't boost

2023-04-03 09:09:52 +08:00 · 2023-04-03 09:09:52 +08:00 · 1405296e67
parent 687d82fc5a
commit 1405296e67
1 changed files with 12 additions and 13 deletions
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@ -1030,19 +1030,18 @@ function Status({
                  onClick={replyStatus}
                />
              </div>
-              {canBoost && (
-                <div class="action has-count">
-                  <StatusButton
-                    checked={reblogged}
-                    title={['Boost', 'Unboost']}
-                    alt={['Boost', 'Boosted']}
-                    class="reblog-button"
-                    icon="rocket"
-                    count={reblogsCount}
-                    onClick={boostStatus}
-                  />
-                </div>
-              )}
+              <div class="action has-count">
+                <StatusButton
+                  checked={reblogged}
+                  title={['Boost', 'Unboost']}
+                  alt={['Boost', 'Boosted']}
+                  class="reblog-button"
+                  icon="rocket"
+                  count={reblogsCount}
+                  onClick={boostStatus}
+                  disabled={!canBoost}
+                />
+              </div>
              <div class="action has-count">
                <StatusButton
                  checked={favourited}