michael/cordis
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix exhaustive-deps warnings for custom hooks

Browse Source
This commit is contained in:
Michael Peters 2023-01-11 20:13:53 -08:00
parent b615e6ccba
commit 33d5987269
9 changed files with 35 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/client/webapp/elements/components/input-image-edit.tsx
View File

@ -50,8 +50,8 @@ const ImageEditInput: FC<ImageEditInputProps> = (props: ImageEditInputProps) =>
return './img/error.png';
}
},
[value, setValid, isMounted, setMessage],
'./img/loading.svg',
[value],
);
useEffect(() => {

2
src/client/webapp/elements/components/token-row.tsx
View File

@ -28,7 +28,7 @@ const TokenRow: FC<TokenRowProps> = (props: TokenRowProps) => {
const guildMeta = useRecoilValue(guildMetaState(guild.id));
const [guildSocketConfigs] = useOneTimeAsyncAction(async () => await guild.fetchSocketConfigs(), null, [guild]);
const [guildSocketConfigs] = useOneTimeAsyncAction(async () => await guild.fetchSocketConfigs(), [guild], null);
const iconSrc = useRecoilValueSoftImgSrc(
guildResourceSoftImgSrcState({
guildId: guild.id,

19
src/client/webapp/elements/overlays/overlay-add-guild.tsx
View File

@ -70,7 +70,7 @@ const AddGuildOverlay: FC<AddGuildOverlayProps> = (props: AddGuildOverlayProps)
const [avatarInputMessage, setAvatarInputMessage] = useState<string | null>(null);
const [avatarInputValid, setAvatarInputValid] = useState<boolean>(false);
const [exampleAvatarBuff, exampleAvatarBuffError] = useOneTimeAsyncAction(async () => await fs.readFile(exampleAvatarPath), null, [exampleAvatarPath]);
const [exampleAvatarBuff, exampleAvatarBuffError] = useOneTimeAsyncAction(async () => await fs.readFile(exampleAvatarPath), [exampleAvatarPath], null);
useEffect(() => {
if (exampleAvatarBuff) {
@ -103,7 +103,7 @@ const AddGuildOverlay: FC<AddGuildOverlayProps> = (props: AddGuildOverlayProps)
setOverlay(null);
return { result: newGuild, errorMessage: null };
}, [displayName, avatarBuff, displayNameInputValid, avatarInputValid, setOverlay]);
}, [guildsManager, validationErrorMessage, expired, displayName, avatarBuff, setCurrGuildId, setOverlay, addGuildData]);
const errorMessage = useMemo(() => {
if (validationErrorMessage) return validationErrorMessage;
@ -114,11 +114,22 @@ const AddGuildOverlay: FC<AddGuildOverlayProps> = (props: AddGuildOverlayProps)
return (
<Overlay childRootRef={rootRef}>
<div ref={rootRef} className="content add-guild">
<InvitePreview name={addGuildData.name} iconSrc={addGuildData.iconSrc} url={addGuildData.url} expiresFromNow={addGuildData.expires ? moment.duration(addGuildData.expires - Date.now(), 'ms') : null} />
<InvitePreview
name={addGuildData.name}
iconSrc={addGuildData.iconSrc}
url={addGuildData.url}
expiresFromNow={addGuildData.expires ? moment.duration(addGuildData.expires - Date.now(), 'ms') : null}
/>
<div className="divider" />
<div className="personalization">
<div className="avatar">
<ImageEditInput maxSize={Globals.MAX_AVATAR_SIZE} value={avatarBuff} setValue={setAvatarBuff} setValid={setAvatarInputValid} setMessage={setAvatarInputMessage} />
<ImageEditInput
maxSize={Globals.MAX_AVATAR_SIZE}
value={avatarBuff}
setValue={setAvatarBuff}
setValid={setAvatarInputValid}
setMessage={setAvatarInputMessage}
/>
</div>
<div className="display-name">
<TextInput

2
src/client/webapp/elements/overlays/overlay-channel.tsx
View File

@ -89,7 +89,7 @@ const ChannelOverlay: FC<ChannelOverlayProps> = (props: ChannelOverlayProps) =>
setOverlay(null);
return { result: null, errorMessage: null };
},
[guild, edited, validationErrorMessage, name, flavorText, setOverlay],
[guild, edited, channel, validationErrorMessage, name, flavorText, setOverlay],
{ start: channel ? 'Modify Channel' : 'Create Channel' },
);

2
src/client/webapp/elements/overlays/overlay-personalize.tsx
View File

@ -99,7 +99,7 @@ const PersonalizeOverlay: FC<PersonalizeOverlayProps> = (props: PersonalizeOverl
setOverlay(null);
return { result: null, errorMessage: null };
},
[validationErrorMessage, displayName, savedDisplayName, avatarBuff, savedAvatarBuff, setOverlay],
[validationErrorMessage, displayName, savedDisplayName, guild, avatarBuff, savedAvatarBuff, setOverlay],
);
//if (saveFailed) return 'Unable to save personalization';

6
src/client/webapp/elements/require/react-helper.tsx
View File

@ -61,8 +61,8 @@ function useShake(ms: number): [shaking: boolean, doShake: () => void] {
// runs an Async action one time (updates when deps changes)
export function useOneTimeAsyncAction<T, V>(
actionFunc: () => Promise<T>,
initialValue: V,
deps: DependencyList,
initialValue: V,
): [value: T | V, error: unknown | null] {
const isMounted = useRef(false);
@ -241,8 +241,8 @@ export function useDownloadButton(
setText(textMapping.success);
},
// TODO: look into this warning
[downloadName, fetchBuff, ...fetchBuffDeps, filePath, fileBuffer],
// eslint-disable-next-line react-hooks/exhaustive-deps
[shaking, doShake, downloadName, fetchBuff, ...fetchBuffDeps, filePath, fileBuffer, textMapping.pendingFetch, textMapping.notReadyFetch, textMapping.errorFetch, textMapping.errorSave, textMapping.success],
);
return [callable, text, shaking];

2
src/client/webapp/elements/sections/guild-list-container.tsx
View File

@ -61,7 +61,7 @@ const GuildListContainer: FC = () => {
} else {
setOverlay(<AddGuildOverlay addGuildData={addGuildData} />);
}
}, []);
}, [setOverlay]);
return (
<div className="guild-list-container">

2
src/client/webapp/elements/sections/send-message.tsx
View File

@ -42,8 +42,8 @@ const AttachmentPreview: FC<AttachmentPreviewProps> = (props: AttachmentPreviewP
return './img/file-improved.svg';
}
},
'./img/loading.svg',
[attachmentBuff],
'./img/loading.svg',
);
return (

4
src/client/webapp/guild-combined.ts
View File

@ -30,13 +30,11 @@ import EnsuredFetchable from './fetchable-ensured';
import { EventEmitter } from 'tsee';
import { AutoVerifierChangesType } from './auto-verifier';
import { IDQuery, PartialMessageListQuery } from './auto-verifier-with-args';
import Util from './util';
/** the general guild class. This handles connecting a RAM, PersonalDB, and Socket guild together using fetchable-pair-verifiers and some manual caching to nicely update messages */
export default class CombinedGuild
extends EventEmitter<Connectable & Conflictable>
implements AsyncGuaranteedFetchable, AsyncRequestable
{
implements AsyncGuaranteedFetchable, AsyncRequestable {
private readonly ramGuild: RAMGuild;
private readonly personalDBGuild: PersonalDBGuild;
private readonly socketGuild: SocketGuild;