mostly formatting, dependency fix
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
import React from "react";
|
||||
import React from 'react';
|
||||
import type {
|
||||
PdfDownload,
|
||||
SplitPdfDownload,
|
||||
} from "../hooks/usePdfGeneratedOutputs";
|
||||
} from '../hooks/usePdfGeneratedOutputs';
|
||||
|
||||
interface ActionsPanelProps {
|
||||
hasPdf: boolean;
|
||||
@@ -47,20 +47,20 @@ const ActionsPanel: React.FC<ActionsPanelProps> = ({
|
||||
return (
|
||||
<div className="card">
|
||||
<h2>Tools</h2>
|
||||
<p style={{ fontSize: "0.85rem", color: "#6b7280" }}>
|
||||
<p style={{ fontSize: '0.85rem', color: '#6b7280' }}>
|
||||
Use these tools on the current in-memory document (reordered, rotated,
|
||||
with deletions). Nothing is uploaded to a server.
|
||||
</p>
|
||||
|
||||
<div
|
||||
className="button-row"
|
||||
style={{ justifyContent: "space-between", flexWrap: "wrap" }}
|
||||
style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}
|
||||
>
|
||||
<button
|
||||
className="secondary"
|
||||
disabled={disabled}
|
||||
onClick={onExportReordered}
|
||||
style={{ flex: "1 1 45%" }}
|
||||
style={{ flex: '1 1 45%' }}
|
||||
>
|
||||
🧾 Export new PDF
|
||||
</button>
|
||||
@@ -69,11 +69,11 @@ const ActionsPanel: React.FC<ActionsPanelProps> = ({
|
||||
className="secondary"
|
||||
disabled={disabled || selectedCount === 0}
|
||||
onClick={handleExtractSelectedClick}
|
||||
style={{ flex: "1 1 45%" }}
|
||||
style={{ flex: '1 1 45%' }}
|
||||
title={
|
||||
selectedCount === 0
|
||||
? "Select at least one page"
|
||||
: "Create a PDF from selected pages"
|
||||
? 'Select at least one page'
|
||||
: 'Create a PDF from selected pages'
|
||||
}
|
||||
>
|
||||
📤 Extract selected ({selectedCount})
|
||||
@@ -97,15 +97,15 @@ const ActionsPanel: React.FC<ActionsPanelProps> = ({
|
||||
className="secondary"
|
||||
disabled={disabled}
|
||||
onClick={onSplit}
|
||||
style={{ flex: "1 1 45%" }}
|
||||
style={{ flex: '1 1 45%' }}
|
||||
>
|
||||
📂 Split into single PDFs
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{subsetDownload && (
|
||||
<div style={{ marginTop: "0.5rem", fontSize: "0.9rem" }}>
|
||||
<strong>Subset result:</strong>{" "}
|
||||
<div style={{ marginTop: '0.5rem', fontSize: '0.9rem' }}>
|
||||
<strong>Subset result:</strong>{' '}
|
||||
<a
|
||||
className="download-link"
|
||||
href={subsetDownload.url}
|
||||
@@ -117,8 +117,8 @@ const ActionsPanel: React.FC<ActionsPanelProps> = ({
|
||||
)}
|
||||
|
||||
{exportDownload && (
|
||||
<div style={{ marginTop: "0.5rem", fontSize: "0.9rem" }}>
|
||||
<strong>Exported document:</strong>{" "}
|
||||
<div style={{ marginTop: '0.5rem', fontSize: '0.9rem' }}>
|
||||
<strong>Exported document:</strong>{' '}
|
||||
<a
|
||||
className="download-link"
|
||||
href={exportDownload.url}
|
||||
@@ -130,7 +130,7 @@ const ActionsPanel: React.FC<ActionsPanelProps> = ({
|
||||
)}
|
||||
|
||||
{splitDownloads.length > 0 && (
|
||||
<div style={{ marginTop: "0.75rem", fontSize: "0.9rem" }}>
|
||||
<div style={{ marginTop: '0.75rem', fontSize: '0.9rem' }}>
|
||||
<strong>Single-page PDFs:</strong>
|
||||
<div>
|
||||
{splitDownloads.map((download) => (
|
||||
|
||||
Reference in New Issue
Block a user