Skip to content

Commit

Permalink
fixed eslint error
Browse files Browse the repository at this point in the history
  • Loading branch information
danney-chun committed Oct 7, 2024
1 parent 9c47179 commit 22b8109
Show file tree
Hide file tree
Showing 4 changed files with 33 additions and 34 deletions.
2 changes: 2 additions & 0 deletions .github/workflows/deploy-github-pages.yml
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,8 @@ jobs:

- name: Build
run: yarn build
env:
CI: false # ESLint 에러 무시

- name: List build directory
run: ls -R build
Expand Down
23 changes: 11 additions & 12 deletions src/samples/GroupChannelMessageThreading.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import { useState, useEffect, useRef } from 'react';
import { v4 as uuid } from 'uuid';
import SendbirdChat from '@sendbird/chat';

import {
Expand Down Expand Up @@ -168,7 +167,7 @@ const GroupChannelMessageThreading = (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);
}
Expand All @@ -181,7 +180,7 @@ const GroupChannelMessageThreading = (props) => {
}

const handleDeleteChannel = async (channelUrl) => {
const [channel, error] = await deleteChannel(channelUrl);
const [error] = await deleteChannel(channelUrl);
if (error) {
return onError(error);
}
Expand Down Expand Up @@ -245,7 +244,7 @@ const GroupChannelMessageThreading = (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 {
Expand Down Expand Up @@ -470,7 +469,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>);
Expand Down Expand Up @@ -571,10 +570,10 @@ 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=''/>
{!isOpenThread &&
<button className={`control-button ${isOpenThread ? "display-none" : ""}`} onClick={() => openThread(message)}>
<img className="message-icon" src='/icon_thread.png' />
<img className="message-icon" src='/icon_thread.png' alt=''/>
</button>}
</div>
);
Expand All @@ -591,20 +590,20 @@ const Message = ({ message, updateMessage, handleDeleteMessage, messageSentByYou
{messageSentByCurrentUser &&
<div>
<button className={`control-button ${isOpenThread ? "display-none" : ""}`} onClick={() => updateMessage(message)}>
<img className="message-icon" src='/icon_edit.png' />
<img className="message-icon" src='/icon_edit.png' alt=''/>
</button>
<button className={`control-button ${isOpenThread ? "display-none" : ""}`} onClick={() => handleDeleteMessage(message)}>
<img className="message-icon" src='/icon_delete.png' />
<img className="message-icon" src='/icon_delete.png' alt=''/>
</button>
{!isOpenThread &&
<button className={`control-button ${isOpenThread ? "display-none" : ""}`} onClick={() => openThread(message)}>
<img className="message-icon" src='/icon_thread.png' />
<img className="message-icon" src='/icon_thread.png' alt=''/>
</button>}
</div>}

{!messageSentByCurrentUser && !isOpenThread &&
<button className={`control-button ${isOpenThread ? "display-none" : ""}`} onClick={() => openThread(message)}>
<img className="message-icon" src='/icon_thread.png' />
<img className="message-icon" src='/icon_thread.png' alt=''/>
</button>}
</div>
<div>{message.message}</div>
Expand All @@ -614,7 +613,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>;
}
Expand Down
21 changes: 10 additions & 11 deletions src/samples/GroupChannelMuteUnmuteUsers.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@

import { useState, useEffect, useRef } from 'react';
import { v4 as uuid } from 'uuid';
import SendbirdChat from '@sendbird/chat';
import {
GroupChannelModule,
Expand Down Expand Up @@ -167,7 +166,7 @@ const GroupChannelMuteUnmuteUsers = (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);
}
Expand All @@ -181,7 +180,7 @@ const GroupChannelMuteUnmuteUsers = (props) => {
}

const handleDeleteChannel = async (channelUrl) => {
const [channel, error] = await deleteChannel(channelUrl);
const [error] = await deleteChannel(channelUrl);
if (error) {
return onError(error);
}
Expand Down Expand Up @@ -217,7 +216,7 @@ const GroupChannelMuteUnmuteUsers = (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 {
Expand All @@ -237,7 +236,7 @@ const GroupChannelMuteUnmuteUsers = (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)
Expand Down Expand Up @@ -435,7 +434,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>
Expand Down Expand Up @@ -486,7 +485,7 @@ const MembersList = ({ members, currentlyJoinedChannel, handleMemberInvite, regi
{userIsOperator && <div key={member.userId} className="member-item-wrapper">
<div className="member-item">
{member.nickname}
{isOperator && <img className="message-icon" src='/operator_icon.png' />}
{isOperator && <img className="message-icon" src='/operator_icon.png' alt=''/>}
</div>
{memberIsSender && <button onClick={() => registerUnregisterAnOperator(member)}>
{isOperator ? "Unregister as operator" : "Register as operator"}
Expand Down Expand Up @@ -534,7 +533,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>
);
}
Expand All @@ -549,8 +548,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>
Expand All @@ -561,7 +560,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>;
}
Expand Down
21 changes: 10 additions & 11 deletions src/samples/GroupChannelOperatorsList.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@

import { useState, useEffect, useRef } from 'react';
import { v4 as uuid } from 'uuid';
import SendbirdChat from '@sendbird/chat';
import {
GroupChannelModule,
Expand Down Expand Up @@ -150,7 +149,7 @@ const GroupChannelOperatorsList = (props) => {
updateState({ ...stateRef.current, currentlyJoinedChannel: channel, messages: messages.reverse(), loading: false })
}

const collection = loadMessages(channel, messageHandlers, onCacheResult, onApiResult);
loadMessages(channel, messageHandlers, onCacheResult, onApiResult);

const operators = await handleLoadOperators(channel)

Expand All @@ -165,7 +164,7 @@ const GroupChannelOperatorsList = (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);
}
Expand All @@ -179,7 +178,7 @@ const GroupChannelOperatorsList = (props) => {
}

const handleDeleteChannel = async (channelUrl) => {
const [channel, error] = await deleteChannel(channelUrl);
const [error] = await deleteChannel(channelUrl);
if (error) {
return onError(error);
}
Expand Down Expand Up @@ -223,7 +222,7 @@ const GroupChannelOperatorsList = (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 {
Expand All @@ -243,7 +242,7 @@ const GroupChannelOperatorsList = (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)
Expand Down Expand Up @@ -392,7 +391,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>
Expand Down Expand Up @@ -485,7 +484,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>
);
}
Expand All @@ -500,8 +499,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>
Expand All @@ -512,7 +511,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>;
}
Expand Down

0 comments on commit 22b8109

Please sign in to comment.