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:
parent
c58b4feb4a
commit
1f9b9a3df0
4 changed files with 10 additions and 10 deletions
|
@ -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}
|
||||||
|
|
|
@ -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> = ({
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue