1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00

renamed some snake_case params

This commit is contained in:
Fedor Katurov 2022-07-14 12:10:45 +07:00
parent c58b4feb4a
commit 1f9b9a3df0
4 changed files with 10 additions and 10 deletions

View file

@ -34,7 +34,7 @@ const renderItem = ({
const renderLocked = ({ locked }: { locked: UploadStatus }) => ( const renderLocked = ({ locked }: { locked: UploadStatus }) => (
<AudioUpload <AudioUpload
id={locked.id} id={locked.id}
is_uploading uploading
title={locked.name} title={locked.name}
progress={locked.progress} progress={locked.progress}
key={locked.id} key={locked.id}

View file

@ -29,7 +29,7 @@ const renderLocked = ({
locked: UploadStatus; locked: UploadStatus;
onDelete: (fileId: number) => void; onDelete: (fileId: number) => void;
}) => ( }) => (
<ImageUpload thumb={locked.thumbnail} onDrop={onDelete} progress={locked.progress} is_uploading /> <ImageUpload thumb={locked.thumbnail} onDrop={onDelete} progress={locked.progress} uploading />
); );
const SortableImageGrid: FC<SortableImageGridProps> = ({ const SortableImageGrid: FC<SortableImageGridProps> = ({

View file

@ -13,10 +13,10 @@ interface IProps {
progress?: number; progress?: number;
onDrop?: (file_id: string) => void; onDrop?: (file_id: string) => void;
is_uploading?: boolean; uploading?: boolean;
} }
const AudioUpload: FC<IProps> = ({ title, progress, is_uploading, id, onDrop }) => { const AudioUpload: FC<IProps> = ({ title, progress, uploading, id, onDrop }) => {
const onDropFile = useCallback(() => { const onDropFile = useCallback(() => {
if (!id || !onDrop) return; if (!id || !onDrop) return;
onDrop(id); onDrop(id);
@ -30,8 +30,8 @@ const AudioUpload: FC<IProps> = ({ title, progress, is_uploading, id, onDrop })
</div> </div>
)} )}
<div className={classNames(styles.thumb_wrap, { is_uploading })}> <div className={classNames(styles.thumb_wrap, { uploading: uploading })}>
{is_uploading && ( {uploading && (
<div className={styles.progress}> <div className={styles.progress}>
<ArcProgress size={40} progress={progress} /> <ArcProgress size={40} progress={progress} />
</div> </div>

View file

@ -14,10 +14,10 @@ interface IProps {
progress?: number; progress?: number;
onDrop?: (file_id: IFile['id']) => void; onDrop?: (file_id: IFile['id']) => void;
is_uploading?: boolean; uploading?: boolean;
} }
const ImageUpload: FC<IProps> = ({ thumb, progress, is_uploading, id, onDrop }) => { const ImageUpload: FC<IProps> = ({ thumb, progress, uploading, id, onDrop }) => {
const onDropFile = useCallback(() => { const onDropFile = useCallback(() => {
if (!id || !onDrop) return; if (!id || !onDrop) return;
onDrop(id); onDrop(id);
@ -31,9 +31,9 @@ const ImageUpload: FC<IProps> = ({ thumb, progress, is_uploading, id, onDrop })
</div> </div>
)} )}
<div className={classNames(styles.thumb_wrap, { is_uploading })}> <div className={classNames(styles.thumb_wrap, { uploading: uploading })}>
{thumb && <div className={styles.thumb} style={{ backgroundImage: `url("${thumb}")` }} />} {thumb && <div className={styles.thumb} style={{ backgroundImage: `url("${thumb}")` }} />}
{is_uploading && ( {uploading && (
<div className={styles.progress}> <div className={styles.progress}>
<ArcProgress size={72} progress={progress} /> <ArcProgress size={72} progress={progress} />
</div> </div>