Page MenuHomePhabricator
Differential D3736

[web] Use relationship callback on friend list
ClosedPublic
Actions

Authored by tomek on Apr 14 2022, 11:44 AM.
Tags
None
Referenced Files
F6239664: D3736.diff
Thu, Apr 24, 8:47 PM
F6239528: D3736.diff
Thu, Apr 24, 8:29 PM
Unknown Object (File)
Thu, Apr 24, 1:28 AM
Unknown Object (File)
Sun, Apr 20, 11:54 AM
Unknown Object (File)
Sun, Apr 20, 10:46 AM
Unknown Object (File)
Sat, Apr 19, 7:54 PM
Unknown Object (File)
Sat, Apr 19, 2:47 PM
Unknown Object (File)
Tue, Apr 8, 6:32 PM
View All Files
Subscribers
• abosh
• adrian
ashoat
• karol

Details

Reviewers
• benschac
atul
• jacek
Commits
rCOMM25f459ea2d6f: [web] Use relationship callback on friend list
Summary

Handle REQUEST_SENT and REQUEST_RECEIVED states - call callbacks when user clicks the buttons.
Depends on D3735
Depends on D3677

Test Plan

Send a request from native and check if it is possible to cancel it from web.
Receive a request and check if it is possible to accept or reject it.

Diff Detail

Repository
rCOMM Comm
Branch
ENG-831-3
Lint
No Lint Coverage
Unit
No Test Coverage

Revision Contents
Changeset List

PathSize
web/
settings/
relationship/
17 lines

Diff 11485

View Options

web/settings/relationship/friend-list-row.react.js

Show First 20 Lines • Show All 80 Lines • ▼ Show 20 Linesconst light = Object.freeze({
tabBarActiveTintColor: '#7E57C2', tabBarActiveTintColor: '#7E57C2',
vibrantGreenButton: '#00C853', vibrantGreenButton: '#00C853',
vibrantRedButton: '#F53100', vibrantRedButton: '#F53100',
tooltipBackground: '#E0E0E0', tooltipBackground: '#E0E0E0',
drawerExpandButton: '#808080', drawerExpandButton: '#808080',
drawerExpandButtonDisabled: '#404040', drawerExpandButtonDisabled: '#404040',
drawerItemLabel: '#CCCCCC', drawerItemLabel: '#CCCCCC',
drawerOpenCommunityBackground: '#333333', drawerOpenCommunityBackground: '#333333',
drawerBackgroud: '#404040',
}); });
export type Colors = $Exact<typeof light>; export type Colors = $Exact<typeof light>;
const dark: Colors = Object.freeze({ const dark: Colors = Object.freeze({
blockQuoteBackground: '#A9A9A9', blockQuoteBackground: '#A9A9A9',
blockQuoteBorder: '#808080', blockQuoteBorder: '#808080',
codeBackground: '#0A0A0A', codeBackground: '#0A0A0A',
disabledButton: '#444444', disabledButton: '#444444',
▲ Show 20 Lines • Show All 63 Lines • ▼ Show 20 Linesconst dark: Colors = Object.freeze({
tabBarActiveTintColor: '#AE94DB', tabBarActiveTintColor: '#AE94DB',
vibrantGreenButton: '#00C853', vibrantGreenButton: '#00C853',
vibrantRedButton: '#F53100', vibrantRedButton: '#F53100',
tooltipBackground: '#1F1F1F', tooltipBackground: '#1F1F1F',
drawerExpandButton: '#808080', drawerExpandButton: '#808080',
drawerExpandButtonDisabled: '#404040', drawerExpandButtonDisabled: '#404040',
drawerItemLabel: '#CCCCCC', drawerItemLabel: '#CCCCCC',
drawerOpenCommunityBackground: '#333333', drawerOpenCommunityBackground: '#333333',
drawerBackgroud: '#404040',
}); });
const colors = { light, dark }; const colors = { light, dark };
const colorsSelector: (state: AppState) => Colors = createSelector( const colorsSelector: (state: AppState) => Colors = createSelector(
(state: AppState) => state.globalThemeInfo.activeTheme, (state: AppState) => state.globalThemeInfo.activeTheme,
(theme: ?GlobalTheme) => { (theme: ?GlobalTheme) => {
const explicitTheme = theme ? theme : 'light'; const explicitTheme = theme ? theme : 'light';
return colors[explicitTheme]; return colors[explicitTheme];
▲ Show 20 Lines • Show All 129 Lines • Show Last 20 Lines