SW/mattermost-mobile
2
0
Fork 0
forked from Ivasoft/mattermost-mobile
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove ts-expect-error regarding legacy refs (#6317)

Browse Source
This commit is contained in:
Daniel Espino García
2022-05-31 07:42:34 +02:00
committed by GitHub
parent f2777d46bb
commit 8f10d1ee96
14 changed files with 14 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/emoji_picker/sections/index.tsx
View File

@@ -75,7 +75,7 @@ CategoryNames.forEach((name: string) => {
const EmojiSections = ({customEmojis, customEmojisEnabled, onEmojiPress, recentEmojis, skinTone, width}: Props) => {
const serverUrl = useServerUrl();
const list = useRef<SectionList<EmojiSection>>();
const list = useRef<SectionList<EmojiSection>>(null);
const [sectionIndex, setSectionIndex] = useState(0);
const [customEmojiPage, setCustomEmojiPage] = useState(0);
const [fetchingCustomEmojis, setFetchingCustomEmojis] = useState(false);
@@ -221,8 +221,6 @@ const EmojiSections = ({customEmojis, customEmojisEnabled, onEmojiPress, recentE
onEndReached={onLoadMoreCustomEmojis}
onEndReachedThreshold={2}
onScroll={onScroll}
// @ts-expect-error ref
ref={list}
renderItem={renderItem}
renderSectionHeader={renderSectionHeader}

4
app/screens/apps_form/apps_form_component.tsx
View File

@@ -115,7 +115,7 @@ function AppsFormComponent({
submit,
performLookupCall,
}: Props) {
const scrollView = useRef<ScrollView>();
const scrollView = useRef<ScrollView>(null);
const [submitting, setSubmitting] = useState(false);
const intl = useIntl();
const serverUrl = useServerUrl();
@@ -388,8 +388,6 @@ function AppsFormComponent({
style={style.container}
>
<ScrollView
// @ts-expect-error legacy ref
ref={scrollView}
style={style.scrollView}
>

4
app/screens/create_or_edit_channel/channel_info_form.tsx
View File

@@ -118,7 +118,7 @@ export default function ChannelInfoForm({
const purposeInput = useRef<TextInput>(null);
const headerInput = useRef<TextInput>(null);
const scrollViewRef = useRef<KeyboardAwareScrollView>();
const scrollViewRef = useRef<KeyboardAwareScrollView>(null);
const updateScrollTimeout = useRef<NodeJS.Timeout>();
@@ -230,8 +230,6 @@ export default function ChannelInfoForm({
>
<KeyboardAwareScrollView
testID={'create_or_edit_channel.scrollview'}
// @ts-expect-error legacy ref
ref={scrollViewRef}
keyboardShouldPersistTaps={'always'}
onKeyboardDidShow={onKeyboardDidShow}

4
app/screens/edit_profile/edit_profile.tsx
View File

@@ -48,7 +48,7 @@ const EditProfile = ({
const intl = useIntl();
const serverUrl = useServerUrl();
const theme = useTheme();
const keyboardAwareRef = useRef<KeyboardAwareScrollView>();
const keyboardAwareRef = useRef<KeyboardAwareScrollView>(null);
const changedProfilePicture = useRef<NewProfileImage | undefined>(undefined);
const scrollViewRef = useRef<KeyboardAwareScrollView>();
const hasUpdateUserInfo = useRef<boolean>(false);
@@ -236,8 +236,6 @@ const EditProfile = ({
keyboardOpeningTime={0}
keyboardDismissMode='on-drag'
keyboardShouldPersistTaps='handled'
// @ts-expect-error legacy ref
ref={keyboardAwareRef}
scrollToOverflowEnabled={true}
testID='edit_profile.scroll_view'

2
app/screens/edit_server/form.tsx
View File

@@ -24,7 +24,7 @@ type Props = {
displayNameError?: string;
handleUpdate: () => void;
handleDisplayNameTextChanged: (text: string) => void;
keyboardAwareRef: MutableRefObject<KeyboardAwareScrollView | undefined>;
keyboardAwareRef: MutableRefObject<KeyboardAwareScrollView | null>;
serverUrl: string;
theme: Theme;
};

4
app/screens/edit_server/index.tsx
View File

@@ -42,7 +42,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
const EditServer = ({closeButtonId, componentId, server, theme}: ServerProps) => {
const {formatMessage} = useIntl();
const keyboardAwareRef = useRef<KeyboardAwareScrollView>();
const keyboardAwareRef = useRef<KeyboardAwareScrollView>(null);
const [saving, setSaving] = useState(false);
const [displayName, setDisplayName] = useState<string>(server.displayName);
const [buttonDisabled, setButtonDisabled] = useState(true);
@@ -110,8 +110,6 @@ const EditServer = ({closeButtonId, componentId, server, theme}: ServerProps) =>
extraScrollHeight={20}
keyboardDismissMode='on-drag'
keyboardShouldPersistTaps='handled'
// @ts-expect-error legacy ref
ref={keyboardAwareRef}
scrollToOverflowEnabled={true}
style={styles.flex}

4
app/screens/forgot_password/index.tsx
View File

@@ -95,7 +95,7 @@ const ForgotPassword = ({serverUrl, theme}: Props) => {
const [error, setError] = useState<string>('');
const [isPasswordLinkSent, setIsPasswordLinkSent] = useState<boolean>(false);
const {formatMessage} = useIntl();
const keyboardAwareRef = useRef<KeyboardAwareScrollView>();
const keyboardAwareRef = useRef<KeyboardAwareScrollView>(null);
const styles = getStyleSheet(theme);
const changeEmail = useCallback((emailAddress: string) => {
@@ -192,8 +192,6 @@ const ForgotPassword = ({serverUrl, theme}: Props) => {
extraScrollHeight={0}
keyboardDismissMode='on-drag'
keyboardShouldPersistTaps='handled'
// @ts-expect-error legacy ref
ref={keyboardAwareRef}
scrollToOverflowEnabled={true}
style={styles.flex}

4
app/screens/home/channel_list/servers/servers_list/server_item/server_item.tsx
View File

@@ -152,7 +152,7 @@ const ServerItem = ({
const [switching, setSwitching] = useState(false);
const [badge, setBadge] = useState<BadgeValues>({isUnread: false, mentions: 0});
const styles = getStyleSheet(theme);
const swipeable = useRef<Swipeable>();
const swipeable = useRef<Swipeable>(null);
const subscription = useRef<Subscription|undefined>();
const viewRef = useRef<View>(null);
const [showTutorial, setShowTutorial] = useState(false);
@@ -372,8 +372,6 @@ const ServerItem = ({
renderRightActions={renderActions}
friction={2}
onSwipeableWillOpen={onSwipeableWillOpen}
// @ts-expect-error legacy ref
ref={swipeable}
rightThreshold={40}
>

4
app/screens/interactive_dialog/index.tsx
View File

@@ -102,7 +102,7 @@ function InteractiveDialog({
const serverUrl = useServerUrl();
const intl = useIntl();
const scrollView = useRef<ScrollView>();
const scrollView = useRef<ScrollView>(null);
const onChange = useCallback((name: string, value: string | number | boolean) => {
dispatchValues({name, value});
@@ -223,8 +223,6 @@ function InteractiveDialog({
style={style.container}
>
<ScrollView
// @ts-expect-error legacy ref
ref={scrollView}
style={style.scrollView}
>

2
app/screens/login/form.tsx
View File

@@ -25,7 +25,7 @@ import type {LaunchProps} from '@typings/launch';
interface LoginProps extends LaunchProps {
config: Partial<ClientConfig>;
keyboardAwareRef: MutableRefObject<KeyboardAwareScrollView | undefined>;
keyboardAwareRef: MutableRefObject<KeyboardAwareScrollView | null>;
license: Partial<ClientLicense>;
numberSSOs: number;
serverDisplayName: string;

4
app/screens/login/index.tsx
View File

@@ -77,7 +77,7 @@ const LoginOptions = ({
serverDisplayName, serverUrl, ssoOptions, theme,
}: LoginOptionsProps) => {
const styles = getStyles(theme);
const keyboardAwareRef = useRef<KeyboardAwareScrollView>();
const keyboardAwareRef = useRef<KeyboardAwareScrollView>(null);
const dimensions = useWindowDimensions();
const isTablet = useIsTablet();
const translateX = useSharedValue(dimensions.width);
@@ -199,8 +199,6 @@ const LoginOptions = ({
extraScrollHeight={0}
keyboardDismissMode='on-drag'
keyboardShouldPersistTaps='handled'
// @ts-expect-error legacy ref
ref={keyboardAwareRef}
scrollToOverflowEnabled={true}
style={styles.flex}

4
app/screens/mfa/index.tsx
View File

@@ -97,7 +97,7 @@ const MFA = ({config, goToHome, license, loginId, password, serverDisplayName, s
const dimensions = useWindowDimensions();
const translateX = useSharedValue(dimensions.width);
const isTablet = useIsTablet();
const keyboardAwareRef = useRef<KeyboardAwareScrollView>();
const keyboardAwareRef = useRef<KeyboardAwareScrollView>(null);
const intl = useIntl();
const [token, setToken] = useState<string>('');
const [error, setError] = useState<string>('');
@@ -197,8 +197,6 @@ const MFA = ({config, goToHome, license, loginId, password, serverDisplayName, s
extraScrollHeight={0}
keyboardDismissMode='on-drag'
keyboardShouldPersistTaps='handled'
// @ts-expect-error legacy ref
ref={keyboardAwareRef}
scrollToOverflowEnabled={true}
style={styles.flex}

2
app/screens/server/form.tsx
View File

@@ -25,7 +25,7 @@ type Props = {
handleConnect: () => void;
handleDisplayNameTextChanged: (text: string) => void;
handleUrlTextChanged: (text: string) => void;
keyboardAwareRef: MutableRefObject<KeyboardAwareScrollView | undefined>;
keyboardAwareRef: MutableRefObject<KeyboardAwareScrollView | null>;
theme: Theme;
url?: string;
urlError?: string;

4
app/screens/server/index.tsx
View File

@@ -63,7 +63,7 @@ const Server = ({
const managedConfig = useManagedConfig<ManagedConfig>();
const dimensions = useWindowDimensions();
const translateX = useSharedValue(0);
const keyboardAwareRef = useRef<KeyboardAwareScrollView>();
const keyboardAwareRef = useRef<KeyboardAwareScrollView>(null);
const [connecting, setConnecting] = useState(false);
const [displayName, setDisplayName] = useState<string>('');
const [buttonDisabled, setButtonDisabled] = useState(true);
@@ -330,8 +330,6 @@ const Server = ({
extraScrollHeight={20}
keyboardDismissMode='on-drag'
keyboardShouldPersistTaps='handled'
// @ts-expect-error legacy ref
ref={keyboardAwareRef}
scrollToOverflowEnabled={true}
style={styles.flex}