From ae5cdf90e286b6411003b76bcd562675398910a4 Mon Sep 17 00:00:00 2001
From: danney-chun <63285271+danney-chun@users.noreply.github.com>
Date: Mon, 7 Oct 2024 15:41:37 +0900
Subject: [PATCH] etc

---
 .github/workflows/deploy-github-pages.yml  |  1 +
 src/samples/GroupChannelPinnedMessages.js  | 32 +++++++++++-----------
 src/samples/GroupChannelPolls.js           | 28 +++++++++----------
 src/samples/GroupChannelReactToAMessage.js |  1 -
 4 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/.github/workflows/deploy-github-pages.yml b/.github/workflows/deploy-github-pages.yml
index 57c102e..77cc3ac 100644
--- a/.github/workflows/deploy-github-pages.yml
+++ b/.github/workflows/deploy-github-pages.yml
@@ -24,6 +24,7 @@ jobs:
         run: yarn build
         env:
           CI: false  # ESLint 에러 무시
+          PUBLIC_URL: https://sendbird.github.io/sendbird-chat-sample-react
 
       - name: List build directory
         run: ls -R build
diff --git a/src/samples/GroupChannelPinnedMessages.js b/src/samples/GroupChannelPinnedMessages.js
index 6dec4b9..4ee4d40 100644
--- a/src/samples/GroupChannelPinnedMessages.js
+++ b/src/samples/GroupChannelPinnedMessages.js
@@ -165,7 +165,7 @@ const GroupChannelPinnedMessages = (props) => {
     }
 
     const handleCreateChannel = async (channelName = "testChannel",) => {
-        const [groupChannel, error] = await createChannel(channelName, state.groupChannelMembers);
+        const [error] = await createChannel(channelName, state.groupChannelMembers);
         if (error) {
             return onError(error);
         }
@@ -178,7 +178,7 @@ const GroupChannelPinnedMessages = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -213,7 +213,7 @@ const GroupChannelPinnedMessages = (props) => {
             const userMessageUpdateParams = {};
             userMessageUpdateParams.message = state.messageInputValue
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
         } else {
@@ -247,7 +247,7 @@ const GroupChannelPinnedMessages = (props) => {
 
     const onFileInputChange = async (e) => {
         if (e.currentTarget.files && e.currentTarget.files.length > 0) {
-            const { currentlyJoinedChannel, messages, isPinMessage } = state;
+            const { currentlyJoinedChannel, isPinMessage } = state;
             const fileMessageParams = {};
             fileMessageParams.file = e.currentTarget.files[0];
             fileMessageParams.isPinnedMessage = isPinMessage
@@ -478,7 +478,7 @@ const ChannelList = ({
                         </div>
                         <div>
                             <button className="control-button" onClick={() => handleDeleteChannel(channel.url)}>
-                                <img className="channel-icon" src='/icon_delete.png' />
+                                <img className="channel-icon" src='/icon_delete.png' alt=''/>
                             </button>
                         </div>
                     </div>
@@ -569,16 +569,16 @@ const Message = ({ message, pinnedMessageIds, updateMessage, handleDeleteMessage
                     <div>
                       {isPinnedMessage ?
                           <button className="control-button" onClick={() => handleUnpinMessage(message)}>
-                            <img className="message-icon" src='/icon_unpin.png' />
+                            <img className="message-icon" src='/icon_unpin.png' alt=''/>
                           </button> :
                           <button className="control-button" onClick={() => handlePinMessage(message)}>
-                            <img className="message-icon" src='/icon_pin.png' />
+                            <img className="message-icon" src='/icon_pin.png' alt=''/>
                           </button>}
                     </div>}
                 </div>
               </div>
 
-              <img className="message-img" src={message.url} />
+              <img className="message-img" src={message.url} alt=''/>
             </div >);
     }
 
@@ -593,14 +593,14 @@ const Message = ({ message, pinnedMessageIds, updateMessage, handleDeleteMessage
                     <div>
                         {isPinnedMessage ?
                         <button className="control-button" onClick={() => handleUnpinMessage(message)}>
-                          <img className="message-icon" src='/icon_unpin.png' />
+                          <img className="message-icon" src='/icon_unpin.png' alt=''/>
                         </button> :
                         <button className="control-button" onClick={() => handlePinMessage(message)}>
-                          <img className="message-icon" src='/icon_pin.png' />
+                          <img className="message-icon" src='/icon_pin.png'alt=''/>
                         </button>}
 
-                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
                     </div>}
             </div>
             <div>{message.message}</div>
@@ -623,12 +623,12 @@ const PinnedMessage = ({ message, handleUnpinMessage, messageSentByYou }) => {
                   {messageSentByCurrentUser &&
                     <div>
                       <button className="control-button" onClick={() => handleUnpinMessage(message)}>
-                        <img className="message-icon" src='/icon_unpin.png' />
+                        <img className="message-icon" src='/icon_unpin.png' alt=''/>
                       </button>
                     </div>}
                 </div>
               </div>
-              <img className="message-img" src={message.url} />
+              <img className="message-img" src={message.url} alt=''/>
             </div >);
     }
 
@@ -641,7 +641,7 @@ const PinnedMessage = ({ message, handleUnpinMessage, messageSentByYou }) => {
                 </div>
                 {messageSentByCurrentUser &&
                     <div>
-                        <button className="control-button" onClick={() => handleUnpinMessage(message)}><img className="message-icon" src='/icon_unpin.png' /></button>
+                        <button className="control-button" onClick={() => handleUnpinMessage(message)}><img className="message-icon" src='/icon_unpin.png' alt=''/></button>
                     </div>}
             </div>
             <div>{message.message}</div>
@@ -651,7 +651,7 @@ const PinnedMessage = ({ message, handleUnpinMessage, messageSentByYou }) => {
 
 const ProfileImage = ({ user }) => {
     if (user.plainProfileUrl) {
-        return <img className="profile-image" src={user.plainProfileUrl} />
+        return <img className="profile-image" src={user.plainProfileUrl} alt=''/>
     } else {
         return <div className="profile-image-fallback">{user.nickname.charAt(0)}</div>;
     }
diff --git a/src/samples/GroupChannelPolls.js b/src/samples/GroupChannelPolls.js
index 40bdfaf..3708615 100644
--- a/src/samples/GroupChannelPolls.js
+++ b/src/samples/GroupChannelPolls.js
@@ -176,7 +176,7 @@ const BasicGroupChannelSample = (props) => {
     }
 
     const handleCreateChannel = async (channelName = "testChannel",) => {
-        const [groupChannel, error] = await createChannel(channelName, state.groupChannelMembers);
+        const [error] = await createChannel(channelName, state.groupChannelMembers);
         if (error) {
             return onError(error);
         }
@@ -189,7 +189,7 @@ const BasicGroupChannelSample = (props) => {
     }
 
     const handleDeleteChannel = async (channelUrl) => {
-        const [channel, error] = await deleteChannel(channelUrl);
+        const [error] = await deleteChannel(channelUrl);
         if (error) {
             return onError(error);
         }
@@ -224,7 +224,7 @@ const BasicGroupChannelSample = (props) => {
             const userMessageUpdateParams = {};
             userMessageUpdateParams.message = state.messageInputValue
             const updatedMessage = await currentlyJoinedChannel.updateUserMessage(messageToUpdate.messageId, userMessageUpdateParams)
-            const messageIndex = messages.findIndex((item => item.messageId == messageToUpdate.messageId));
+            const messageIndex = messages.findIndex((item => item.messageId === messageToUpdate.messageId));
             messages[messageIndex] = updatedMessage;
             updateState({ ...state, messages: messages, messageInputValue: "", messageToUpdate: null });
         } else {
@@ -244,7 +244,7 @@ const BasicGroupChannelSample = (props) => {
 
     const onFileInputChange = async (e) => {
         if (e.currentTarget.files && e.currentTarget.files.length > 0) {
-            const { currentlyJoinedChannel, messages } = state;
+            const { currentlyJoinedChannel } = state;
             const fileMessageParams = {};
             fileMessageParams.file = e.currentTarget.files[0];
             currentlyJoinedChannel.sendFileMessage(fileMessageParams)
@@ -420,7 +420,7 @@ const BasicGroupChannelSample = (props) => {
     }
 
     const addOrRemoveVoice = async(e, option, message, poll) => {
-      const { userIdInputValue, checkedOptions, currentlyJoinedChannel } = state;
+      const { checkedOptions, currentlyJoinedChannel } = state;
 
       let pollOptionId = option.id;
       let pollOptionIds = [pollOptionId];
@@ -632,7 +632,7 @@ const ChannelList = ({
                         </div>
                         <div>
                             <button className="control-button" onClick={() => handleDeleteChannel(channel.url)}>
-                                <img className="channel-icon" src='/icon_delete.png' />
+                                <img className="channel-icon" src='/icon_delete.png' alt=''/>
                             </button>
                         </div>
                     </div>
@@ -727,8 +727,8 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
             </div>
             {messageSentByCurrentUser &&
               <div>
-                <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
               </div>}
           </div>
           <div>Poll {title}:</div>
@@ -745,8 +745,8 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                   <label htmlFor="option">{option.text}</label>
                   {(messageSentByCurrentUser && status === "open") &&
                     <>
-                      <button className="control-button" onClick={() => isShowPollModals(option, "open", "isUpdateOptionModal", "optionToUpdate")}><img className="option-icon" src='/icon_edit.png' /></button>
-                      <button className="control-button" onClick={() => handleDeleteOption(option)}><img className="option-icon" src='/icon_delete.png' /></button>
+                      <button className="control-button" onClick={() => isShowPollModals(option, "open", "isUpdateOptionModal", "optionToUpdate")}><img className="option-icon" src='/icon_edit.png' alt=''/></button>
+                      <button className="control-button" onClick={() => handleDeleteOption(option)}><img className="option-icon" src='/icon_delete.png' alt=''/></button>
                     </>
                   }
                 </div>
@@ -772,7 +772,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                     <div className="message-sender-name">{message.sender.nickname}{' '}</div>
                     <div>{timestampToTime(message.createdAt)}</div>
                 </div>
-                <img src={message.url} />
+                <img src={message.url} alt=''/>
             </div >);
     }
 
@@ -785,8 +785,8 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
                 </div>
                 {messageSentByCurrentUser &&
                     <div>
-                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' /></button>
-                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' /></button>
+                        <button className="control-button" onClick={() => updateMessage(message)}><img className="message-icon" src='/icon_edit.png' alt=''/></button>
+                        <button className="control-button" onClick={() => handleDeleteMessage(message)}><img className="message-icon" src='/icon_delete.png' alt=''/></button>
                     </div>}
             </div>
             <div>{message.message}</div>
@@ -796,7 +796,7 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
 
 const ProfileImage = ({ user }) => {
     if (user.plainProfileUrl) {
-        return <img className="profile-image" src={user.plainProfileUrl} />
+        return <img className="profile-image" src={user.plainProfileUrl} alt=''/>
     } else {
         return <div className="profile-image-fallback">{user.nickname.charAt(0)}</div>;
     }
diff --git a/src/samples/GroupChannelReactToAMessage.js b/src/samples/GroupChannelReactToAMessage.js
index 1d6f8a6..ac8511e 100644
--- a/src/samples/GroupChannelReactToAMessage.js
+++ b/src/samples/GroupChannelReactToAMessage.js
@@ -1,6 +1,5 @@
 
 import { useState, useEffect, useRef } from 'react';
-import { v4 as uuid } from 'uuid';
 import SendbirdChat from '@sendbird/chat';
 import {
     GroupChannelModule,