randomId --> generateRandomId

Author: vishalnarkhede

src/components/Channel/Channel.tsx

@@ -36,7 +36,7 @@ import {
   ThreadProvider,
 } from '../../contexts/threadContext/ThreadContext';
 import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
-import { emojiData as emojiDataDefault, randomId } from '../../utils/utils';
+import { emojiData as emojiDataDefault } from '../../utils/utils';
 
 import type { LoadingErrorProps } from '../Indicators/LoadingErrorIndicator';
 import type { LoadingProps } from '../Indicators/LoadingIndicator';
@@ -52,6 +52,7 @@ import type {
   DefaultUserType,
   UnknownType,
 } from '../../types/types';
+import { generateRandomId } from '../../utils/generateRandomId';
 
 export type ChannelProps<
   At extends UnknownType = DefaultAttachmentType,
@@ -454,7 +455,7 @@ export const Channel = <
       attachments,
       created_at: new Date(),
       html: text,
-      id: `${client.userID}-${randomId()}`,
+      id: `${client.userID}-${generateRandomId()}`,
       mentioned_users:
         mentioned_users?.map((userId) => ({
           id: userId,

src/components/ChannelList/hooks/usePaginatedChannels.ts

@@ -61,7 +61,7 @@ export const usePaginatedChannels = <
   const [loadingNextPage, setLoadingNextPage] = useState(false);
   const [offset, setOffset] = useState(0);
   const [refreshing, setRefreshing] = useState(false);
-  const lastRefresh = useRef(new Date().getTime());
+  const lastRefresh = useRef(Date.now());
 
   const queryChannels = async (
     queryType = '',
@@ -128,7 +128,7 @@ export const usePaginatedChannels = <
       return;
     }
 
-    lastRefresh.current = new Date().getTime();
+    lastRefresh.current = Date.now();
     return queryChannels('refresh');
   };
 

src/components/MessageInput/MessageInput.tsx

@@ -41,7 +41,7 @@ import {
   ImageUpload,
   useMessageDetailsForState,
 } from './hooks/useMessageDetailsForState';
-import { generateRandomId } from './utils/generateRandomId';
+import { generateRandomId } from '../../utils/generateRandomId';
 
 import {
   AutoCompleteInput,

src/components/MessageInput/hooks/useMessageDetailsForState.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 
-import { generateRandomId } from '../utils/generateRandomId';
+import { generateRandomId } from '../../../utils/generateRandomId';
 
 import {
   isEditingBoolean,

src/components/MessageList/MessageList.tsx

@@ -60,7 +60,7 @@ import type {
 } from '../../types/types';
 
 import { NetworkDownIndicator as DefaultNetworkDownIndicator } from './NetworkDownIndicator';
-import { randomId } from 'src/utils/utils';
+import { generateRandomId } from '../../utils/generateRandomId';
 
 const ListContainer = (styled(FlatList)`
   flex: 1;
@@ -87,13 +87,13 @@ const keyExtractor = <
         ? typeof item.created_at === 'string'
           ? item.created_at
           : item.created_at.toISOString()
-        : randomId())
+        : generateRandomId())
     );
   }
   if (item.date && typeof item.date !== 'string') {
     return item.date.toISOString();
   }
-  return randomId();
+  return generateRandomId();
 };
 
 export type MessageListProps<

src/components/MessageInput/utils/generateRandomId.ts renamed to src/utils/generateRandomId.ts

@@ -376,15 +376,3 @@ export const MESSAGE_ACTIONS = {
 
 export const makeImageCompatibleUrl = (url: string) =>
   (url.indexOf('//') === 0 ? `https:${url}` : url).trim();
-
-/** adopted from https://github.com/ai/nanoid/blob/master/non-secure/index.js */
-const alphabet =
-  'ModuleSymbhasOwnPr0123456789ABCDEFGHNRVfgctiUvzKqYTJkLxpZXIjQW';
-export const randomId = () => {
-  let id = '';
-  for (let i = 0; i < 21; i++) {
-    // eslint-disable-next-line no-bitwise
-    id += alphabet[(Math.random() * 64) | 0];
-  }
-  return id;
-};