Page MenuHomePhorge
Files F32126935

D15504.1765023663.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D15504.1765023663.diff
View Options

diff --git a/native/chat/toggle-pin-modal.react.js b/native/chat/toggle-pin-modal.react.js
--- a/native/chat/toggle-pin-modal.react.js
+++ b/native/chat/toggle-pin-modal.react.js
@@ -8,8 +8,8 @@
import { usePinMessageAction } from 'lib/utils/pin-message-utils.js';
import MessageResult from './message-result.react.js';
-import Button from '../components/button.react.js';
import Modal from '../components/modal.react.js';
+import PrimaryButton from '../components/primary-button.react.js';
import type { AppNavigationProp } from '../navigation/app-navigator.react.js';
import type { NavigationRoute } from '../navigation/route-names.js';
import { useStyles } from '../themes/colors.js';
@@ -88,12 +88,12 @@
scrollable={true}
/>
<View style={styles.buttonsContainer}>
- <Button style={modalInfo.buttonStyle} onPress={onPress}>
- <Text style={styles.textColor}>{modalInfo.buttonText}</Text>
- </Button>
- <Button style={styles.cancelButton} onPress={onCancel}>
- <Text style={styles.textColor}>Cancel</Text>
- </Button>
+ <PrimaryButton
+ onPress={onPress}
+ label={modalInfo.buttonText}
+ variant="enabled"
+ />
+ <PrimaryButton onPress={onCancel} label="Cancel" variant="outline" />
</View>
</Modal>
);
@@ -128,19 +128,6 @@
alignItems: 'center',
backgroundColor: 'vibrantRedButton',
},
- pinButton: {
- borderRadius: 5,
- height: 48,
- justifyContent: 'center',
- alignItems: 'center',
- backgroundColor: 'purpleButton',
- },
- cancelButton: {
- borderRadius: 5,
- height: 48,
- justifyContent: 'center',
- alignItems: 'center',
- },
textColor: {
color: 'modalButtonLabel',
},
diff --git a/web/modals/chat/pinned-messages-modal.css b/web/modals/chat/pinned-messages-modal.css
--- a/web/modals/chat/pinned-messages-modal.css
+++ b/web/modals/chat/pinned-messages-modal.css
@@ -21,6 +21,7 @@
}
.loadingIndicator {
+ margin-top: 16px;
text-align: center;
}
diff --git a/web/modals/chat/pinned-messages-modal.react.js b/web/modals/chat/pinned-messages-modal.react.js
--- a/web/modals/chat/pinned-messages-modal.react.js
+++ b/web/modals/chat/pinned-messages-modal.react.js
@@ -125,7 +125,7 @@
);
const messageResultsToDisplay = React.useMemo(() => {
- if (modifiedItems.length === 0) {
+ if (modifiedItems.length === 0 && loadingStatus !== 'loading') {
return (
<div className={css.noPinnedMessages}>
No pinned messages in this thread.
@@ -142,7 +142,7 @@
/>
));
return <>{items}</>;
- }, [modifiedItems, threadInfo]);
+ }, [loadingStatus, modifiedItems, threadInfo]);
const loadingIndicator = React.useMemo(() => {
if (loadingStatus === 'loading') {

File Metadata

Mime Type
text/plain
Expires
Sat, Dec 6, 12:21 PM (20 h, 36 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5837392
Default Alt Text
D15504.1765023663.diff (2 KB)

Event Timeline