Allow only images in modal image uploader. #7672
6 changed files with 305 additions and 323 deletions
|
@ -11,7 +11,7 @@ import Icon from 'component/common/icon';
|
|||
|
||||
type Props = {
|
||||
modal: { id: string, modalProps: {} },
|
||||
filePath: string | File,
|
||||
filePath: File,
|
||||
clearPublish: () => void,
|
||||
updatePublishForm: ({}) => void,
|
||||
openModal: (id: string, { files: Array<File> }) => void,
|
||||
|
|
|
@ -6,7 +6,7 @@ type Props = {
|
|||
uri: ?string,
|
||||
label: ?string,
|
||||
disabled: ?boolean,
|
||||
filePath: string | File,
|
||||
filePath: File,
|
||||
fileText: ?string,
|
||||
fileMimeType: ?string,
|
||||
streamingUrl: ?string,
|
||||
|
|
|
@ -19,7 +19,7 @@ type Props = {
|
|||
mode: ?string,
|
||||
name: ?string,
|
||||
title: ?string,
|
||||
filePath: string | File,
|
||||
filePath: ?File,
|
||||
fileMimeType: ?string,
|
||||
isStillEditing: boolean,
|
||||
balance: number,
|
||||
|
@ -86,16 +86,16 @@ function PublishFile(props: Props) {
|
|||
useEffect(() => {
|
||||
if (mode === PUBLISH_MODES.POST) {
|
||||
if (currentFileType !== 'text/markdown' && !isStillEditing) {
|
||||
updatePublishForm({ filePath: '' });
|
||||
updatePublishForm({ filePath: undefined });
|
||||
}
|
||||
}
|
||||
}, [currentFileType, mode, isStillEditing, updatePublishForm]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!filePath || filePath === '') {
|
||||
if (!filePath) {
|
||||
setCurrentFile('');
|
||||
updateFileInfo(0, 0, false);
|
||||
} else if (typeof filePath !== 'string') {
|
||||
} else {
|
||||
// Update currentFile file
|
||||
if (filePath.name !== currentFile) {
|
||||
handleFileChange({ file: filePath, path: filePath.name });
|
||||
|
@ -215,9 +215,9 @@ function PublishFile(props: Props) {
|
|||
// select file, start to select a new one, then cancel
|
||||
if (!fileWithPath) {
|
||||
if (isStillEditing || !clearName) {
|
||||
updatePublishForm({ filePath: '' });
|
||||
updatePublishForm({ filePath: undefined });
|
||||
} else {
|
||||
updatePublishForm({ filePath: '', name: '' });
|
||||
updatePublishForm({ filePath: undefined, name: '' });
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
@ -271,10 +271,8 @@ function PublishFile(props: Props) {
|
|||
setPublishMode(PUBLISH_MODES.FILE);
|
||||
}
|
||||
|
||||
const publishFormParams: { filePath: string | File, name?: string, optimize?: boolean } = {
|
||||
// if electron, we'll set filePath to the path string because SDK is handling publishing.
|
||||
// File.path will be undefined from web due to browser security, so it will default to the File Object.
|
||||
filePath: fileWithPath.path || file,
|
||||
const publishFormParams: { filePath: File, name?: string, optimize?: boolean } = {
|
||||
filePath: file,
|
||||
};
|
||||
// Strip off extention and replace invalid characters
|
||||
let fileName = name || (file.name && file.name.substring(0, file.name.lastIndexOf('.'))) || '';
|
||||
|
|
|
@ -35,8 +35,8 @@ import tempy from 'tempy';
|
|||
type Props = {
|
||||
disabled: boolean,
|
||||
tags: Array<Tag>,
|
||||
publish: (source?: string | File, ?boolean) => void,
|
||||
filePath: string | File,
|
||||
publish: (source: ?File, ?boolean) => void,
|
||||
filePath: ?File,
|
||||
fileText: string,
|
||||
bid: ?number,
|
||||
bidError: ?string,
|
||||
|
@ -373,9 +373,6 @@ function PublishForm(props: Props) {
|
|||
if (!output || output === '') {
|
||||
// Generate a temporary file:
|
||||
output = tempy.file({ name: 'post.md' });
|
||||
} else if (typeof filePath === 'string') {
|
||||
// Use current file
|
||||
output = filePath;
|
||||
}
|
||||
// Create a temporary file and save file changes
|
||||
if (output && output !== '') {
|
||||
|
@ -447,7 +444,7 @@ function PublishForm(props: Props) {
|
|||
// with other properties such as name, title, etc.) for security reasons.
|
||||
useEffect(() => {
|
||||
if (mode === PUBLISH_MODES.FILE) {
|
||||
updatePublishForm({ filePath: '', fileDur: 0, fileSize: 0 });
|
||||
updatePublishForm({ filePath: undefined, fileDur: 0, fileSize: 0 });
|
||||
}
|
||||
}, [mode, updatePublishForm]);
|
||||
|
||||
|
|
|
@ -15,7 +15,7 @@ import Icon from 'component/common/icon';
|
|||
import { NO_FILE } from 'redux/actions/publish';
|
||||
|
||||
type Props = {
|
||||
filePath: string | File,
|
||||
filePath: ?File,
|
||||
isMarkdownPost: boolean,
|
||||
optimize: boolean,
|
||||
title: ?string,
|
||||
|
@ -104,17 +104,12 @@ const ModalPublishPreview = (props: Props) => {
|
|||
// @endif
|
||||
}
|
||||
|
||||
function getFilePathName(filePath: string | File) {
|
||||
function getFilePathName(filePath: ?File) {
|
||||
if (!filePath) {
|
||||
return NO_FILE;
|
||||
}
|
||||
|
||||
if (typeof filePath === 'string') {
|
||||
return filePath;
|
||||
} else {
|
||||
return filePath.name;
|
||||
}
|
||||
}
|
||||
|
||||
function createRow(label: string, value: any) {
|
||||
return (
|
||||
|
@ -127,7 +122,7 @@ const ModalPublishPreview = (props: Props) => {
|
|||
|
||||
const txFee = previewResponse ? previewResponse['total_fee'] : null;
|
||||
// $FlowFixMe add outputs[0] etc to PublishResponse type
|
||||
const isOptimizeAvail = filePath && filePath !== '' && isVid && ffmpegStatus.available;
|
||||
const isOptimizeAvail = filePath && isVid && ffmpegStatus.available;
|
||||
let modalTitle;
|
||||
if (isStillEditing) {
|
||||
modalTitle = __('Confirm Edit');
|
||||
|
|
|
@ -18,7 +18,7 @@ import Lbry from 'lbry';
|
|||
import { isClaimNsfw } from 'util/claim';
|
||||
|
||||
export const NO_FILE = '---';
|
||||
export const doPublishDesktop = (filePath: string, preview?: boolean) => (dispatch: Dispatch, getState: () => {}) => {
|
||||
export const doPublishDesktop = (filePath: ?File, preview?: boolean) => (dispatch: Dispatch, getState: () => {}) => {
|
||||
const publishPreview = (previewResponse) => {
|
||||
dispatch(
|
||||
doOpenModal(MODALS.PUBLISH_PREVIEW, {
|
||||
|
@ -138,14 +138,9 @@ export const doUpdatePublishForm = (publishFormValue: UpdatePublishFormData) =>
|
|||
data: { ...publishFormValue },
|
||||
});
|
||||
|
||||
export const doUploadThumbnail = (
|
||||
filePath?: string,
|
||||
thumbnailBlob?: File,
|
||||
fsAdapter?: any,
|
||||
fs?: any,
|
||||
path?: any,
|
||||
cb?: (string) => void
|
||||
) => (dispatch: Dispatch) => {
|
||||
export const doUploadThumbnail =
|
||||
(filePath?: string, thumbnailBlob?: File, fsAdapter?: any, fs?: any, path?: any, cb?: (string) => void) =>
|
||||
(dispatch: Dispatch) => {
|
||||
const downMessage = __('Thumbnail upload service may be down, try again later.');
|
||||
let thumbnail, fileExt, fileName, fileType;
|
||||
|
||||
|
@ -251,11 +246,10 @@ export const doUploadThumbnail = (
|
|||
data.append('file', file);
|
||||
return doUpload(data);
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
export const doPrepareEdit = (claim: StreamClaim, uri: string, fileInfo: FileListItem, fs: any) => (
|
||||
dispatch: Dispatch
|
||||
) => {
|
||||
export const doPrepareEdit =
|
||||
(claim: StreamClaim, uri: string, fileInfo: FileListItem, fs: any) => (dispatch: Dispatch) => {
|
||||
const { name, amount, value = {} } = claim;
|
||||
const channelName = (claim && claim.signing_channel && claim.signing_channel.name) || null;
|
||||
const {
|
||||
|
@ -315,12 +309,10 @@ export const doPrepareEdit = (claim: StreamClaim, uri: string, fileInfo: FileLis
|
|||
}
|
||||
|
||||
dispatch({ type: ACTIONS.DO_PREPARE_EDIT, data: publishData });
|
||||
};
|
||||
};
|
||||
|
||||
export const doPublish = (success: Function, fail: Function, preview: Function) => (
|
||||
dispatch: Dispatch,
|
||||
getState: () => {}
|
||||
) => {
|
||||
export const doPublish =
|
||||
(success: Function, fail: Function, preview: Function) => (dispatch: Dispatch, getState: () => {}) => {
|
||||
if (!preview) {
|
||||
dispatch({ type: ACTIONS.PUBLISH_START });
|
||||
}
|
||||
|
@ -466,7 +458,7 @@ export const doPublish = (success: Function, fail: Function, preview: Function)
|
|||
return Lbry.publish(publishPayload).then((response: PublishResponse) => {
|
||||
return success(response);
|
||||
}, fail);
|
||||
};
|
||||
};
|
||||
|
||||
// Calls file_list until any reflecting files are done
|
||||
export const doCheckReflectingFiles = () => (dispatch: Dispatch, getState: GetState) => {
|
||||
|
|
Loading…
Reference in a new issue