import FNote from "../../entities/fnote";
import { t } from "../../services/i18n";
import { downloadFileNote, openNoteExternally } from "../../services/open";
import protected_session_holder from "../../services/protected_session_holder";
import ActionButton from "../react/ActionButton";
import { FormFileUploadActionButton } from "../react/FormFileUpload";
import { buildUploadNewFileRevisionListener } from "./FilePropertiesTab";

interface NoteActionsCustomProps {
    note: FNote;
}

/**
 * Part of {@link NoteActions} on the new layout, but are rendered with a slight spacing
 * from the rest of the note items and the buttons differ based on the note type.
 */
export default function NoteActionsCustom({ note }: NoteActionsCustomProps) {
    return (
        <div className="note-actions-custom">
            <NoteActionsCustomInner note={note} />
        </div>
    );
}

function NoteActionsCustomInner(props: NoteActionsCustomProps) {
    switch (props.note.type) {
        case "file":
            return <FileActions {...props} />;
    }
}

function FileActions({ note }: NoteActionsCustomProps) {
    const canAccessProtectedNote = !note?.isProtected || protected_session_holder.isProtectedSessionAvailable();

    return (
        <>
            <FormFileUploadActionButton
                icon="bx bx-folder-open"
                text={t("file_properties.upload_new_revision")}
                disabled={!canAccessProtectedNote}
                onChange={buildUploadNewFileRevisionListener(note)}
            />

            <ActionButton
                icon="bx bx-link-external"
                text={t("file_properties.open")}
                disabled={note.isProtected}
                onClick={() => openNoteExternally(note.noteId, note.mime)}
            />

            <ActionButton
                icon="bx bx-download"
                text={t("file_properties.download")}
                disabled={!canAccessProtectedNote}
                onClick={() => downloadFileNote(note.noteId)}
            />
        </>
    );
}