fix regex and warnings

Author: AJIXuMuK

src/controls/listItemComments/common/constants.ts

@@ -1,3 +1,3 @@
 export const PHOTO_URL = "/_layouts/15/userphoto.aspx?size=M&accountname=";
 export const TILE_HEIGHT: number = 70;
-export const URL_REGEX = /(https?:\/\/[^\s]+)/g;
+export const URL_REGEX = /(https?:\/\/(?:[-\w.])+(?::[0-9]+)?(?:\/[^\s]*)?)/g;

src/controls/listItemComments/components/Comments/CommentText.tsx

@@ -73,8 +73,8 @@ export const CommentText: React.FunctionComponent<ICommentTextProps> = (
     <>
       <Stack wrap horizontal horizontalAlign="start" verticalAlign="center">
         {isArray(commentText) ? (
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           (commentText as any[]).map((el, i) => {
-            // eslint-disable-line @typescript-eslint/no-explicit-any
             if (isObject(el)) {
               return (
                 <span key={i} style={{ paddingRight: 5 }}>

src/controls/listItemComments/components/Comments/LikedUserList.tsx

@@ -1,32 +1,27 @@
 import * as React from 'react';
 import {
-  DialogType,
-  FontWeights,
-  getTheme,
-  IButtonStyles,
   IconButton,
   IIconProps,
-  IStackProps,
-  mergeStyleSets,
   Modal,
   Persona,
   PersonaSize,
   Stack,
 } from '@fluentui/react';
-import { AppContext } from '../../common';
 import { useListItemCommentsStyles } from './useListItemCommentsStyles';
 
 interface ILikedUserListProps {
   isDialogOpen: boolean;
   setShowDialog: React.Dispatch<React.SetStateAction<boolean>>;
-  likedBy: any;
+  likedBy: any; // eslint-disable-line @typescript-eslint/no-explicit-any
 }
 
+const cancelIcon: IIconProps = { iconName: 'Cancel' };
+
 export const LikedUserList = ({
   isDialogOpen,
   setShowDialog,
   likedBy,
-}: ILikedUserListProps) => {
+}: ILikedUserListProps): JSX.Element => {
   const { iconButtonStyles, contentStyles } = useListItemCommentsStyles();
 
   const PHOTO_URL = '/_layouts/15/userphoto.aspx?size=M&accountname=';
@@ -55,19 +50,23 @@ export const LikedUserList = ({
           padding: '0 1.5rem 1.5rem 1.5rem',
         }}
       >
-        {likedBy.map((user: any, index: number) => (
-          <>
-            <Persona
-              key={index}
-              text={user.name}
-              secondaryText={user.email}
-              size={PersonaSize.size40}
-              imageUrl={`${PHOTO_URL}${user.email}`}
-            />
-          </>
-        ))}
+        {likedBy.map(
+          (
+            user: any, // eslint-disable-line @typescript-eslint/no-explicit-any
+            index: number
+          ) => (
+            <>
+              <Persona
+                key={index}
+                text={user.name}
+                secondaryText={user.email}
+                size={PersonaSize.size40}
+                imageUrl={`${PHOTO_URL}${user.email}`}
+              />
+            </>
+          )
+        )}
       </Stack>
     </Modal>
   );
 };
-const cancelIcon: IIconProps = { iconName: 'Cancel' };

src/controls/listItemComments/components/Comments/RenderComments.tsx

@@ -40,6 +40,7 @@ export const RenderComments: React.FunctionComponent<
 
   const [hideDialog, { toggle: setHideDialog }] = useBoolean(true);
   const [showDialog, setShowDialog] = useState(false);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [selectedLikedBy, setSelectedLikedBy] = useState<any>([]);
 
   const _likeComment = useCallback(() => {