Page MenuHomePhabricator
Files F3349171

D5100.id16730.diff
No OneTemporary
Actions

D5100.id16730.diff
View Options

diff --git a/web/modals/threads/settings/thread-settings-relationship-button.react.js b/web/modals/threads/settings/thread-settings-relationship-button.react.js
--- a/web/modals/threads/settings/thread-settings-relationship-button.react.js
+++ b/web/modals/threads/settings/thread-settings-relationship-button.react.js
@@ -12,7 +12,10 @@
getRelationshipDispatchAction,
} from 'lib/shared/relationship-utils';
import type { SetState } from 'lib/types/hook-types';
-import { type RelationshipButton } from 'lib/types/relationship-types';
+import {
+ relationshipButtons,
+ type RelationshipButton,
+} from 'lib/types/relationship-types';
import type { UserInfo } from 'lib/types/user-types';
import {
useDispatchActionPromise,
@@ -40,6 +43,23 @@
const { username } = otherUserInfo;
invariant(username, 'Other username should be specified');
+ let variant = 'primary';
+ if (relationshipButton === relationshipButtons.FRIEND) {
+ variant = 'success';
+ } else if (relationshipButton === relationshipButtons.UNFRIEND) {
+ variant = 'danger';
+ } else if (relationshipButton === relationshipButtons.BLOCK) {
+ variant = 'danger';
+ } else if (relationshipButton === relationshipButtons.UNBLOCK) {
+ variant = 'success';
+ } else if (relationshipButton === relationshipButtons.ACCEPT) {
+ variant = 'success';
+ } else if (relationshipButton === relationshipButtons.REJECT) {
+ variant = 'danger';
+ } else if (relationshipButton === relationshipButtons.WITHDRAW) {
+ variant = 'danger';
+ }
+
const { text, action } = React.useMemo(() => {
return {
text: getRelationshipActionText(relationshipButton, username),
@@ -70,7 +90,7 @@
}, [dispatchActionPromise, updateRelationshipsActionPromise]);
return (
- <Button variant="primary" onClick={onClick} disabled={disabled}>
+ <Button variant={variant} onClick={onClick} disabled={disabled}>
{text}
</Button>
);

File Metadata

Mime Type
text/plain
Expires
Sat, Nov 23, 5:27 PM (20 h, 6 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2570493
Default Alt Text
D5100.id16730.diff (1 KB)

Event Timeline