Skip to content

Commit

Permalink
etc
Browse files Browse the repository at this point in the history
  • Loading branch information
@danney-chun
danney-chun committed Oct 7, 2024
1 parent 9afef98 commit ae5cdf9
Show file tree
Hide file tree
Showing 4 changed files with 31 additions and 31 deletions.
1 change: 1 addition & 0 deletions .github/workflows/deploy-github-pages.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
32 changes: 16 additions & 16 deletions src/samples/GroupChannelPinnedMessages.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
Expand All @@ -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);
}
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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 >);
}

Expand All @@ -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>
Expand All @@ -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 >);
}

Expand All @@ -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>
Expand All @@ -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>;
}
Expand Down
28 changes: 14 additions & 14 deletions src/samples/GroupChannelPolls.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
Expand All @@ -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);
}
Expand Down Expand Up @@ -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 {
Expand All @@ -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)
Expand Down Expand Up @@ -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];
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand All @@ -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>
Expand All @@ -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 >);
}

Expand All @@ -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>
Expand All @@ -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>;
}
Expand Down
1 change: 0 additions & 1 deletion src/samples/GroupChannelReactToAMessage.js
View file
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

0 comments on commit ae5cdf9

Please sign in to comment.