Function channelAttachMenuPatch

index.tsx:312–365

(children, props)

const ExternalIcon = () => <OpenExternalIcon height={24} width={24} />;

const channelAttachMenuPatch: NavContextMenuPatchCallback = (children, props) => {
    const channel = props?.channel;
    if (!channel) return;
    if (channel.guild_id && !PermissionStore.can(PermissionsBits.SEND_MESSAGES, channel)) return;
    if (children.some(child => child?.props?.id === "file-upload-manual" || child?.props?.id === "file-upload-uploads")) return;

    const uploads = UploadAttachmentStore.getUploads(channel.id, DraftType.ChannelMessage);
    const draftUploads = Array.isArray(uploads) ? uploads.filter((u: CloudUpload) => u.item?.file && isFileTypeAllowed(u.item.file)) : [];

    if (draftUploads.length > 0) {
        children.splice(1, 0,
            <Menu.MenuItem
                id="file-upload-uploads"
                key="file-upload-uploads"
                label="Upload to Host"
                iconLeft={ExternalIcon}
                leadingAccessory={{
                    type: "icon",
                    icon: ExternalIcon
                }}
            >
                {draftUploads.map((upload: CloudUpload) => (
                    <Menu.MenuItem
                        id={`file-upload-draft-${upload.id}`}
                        key={upload.id}
                        label={upload.filename}
                        action={() => handleUploadFileFromDraft(upload)}
                    />
                ))}
                <Menu.MenuSeparator />
                <Menu.MenuItem
                    id="file-upload-manual"
                    key="file-upload-manual"
                    label="Choose File..."
                    action={() => uploadPickedFile()}
                />
            </Menu.MenuItem>
        );
    } else {
        children.splice(1, 0,
            <Menu.MenuItem
                id="file-upload-manual"
                key="file-upload-manual"
                label="Upload to Host"
                iconLeft={ExternalIcon}
                leadingAccessory={{
                    type: "icon",
                    icon: ExternalIcon
                }}
                action={() => uploadPickedFile()}
            />
        );
    }
};

export default definePlugin({
    name: "BigFileUpload",