Skip to content

Show the detected file type while dragging a file over the drop zone #3

Description

@ibrahimqureshae

When dragging a file over the window, the drop zone highlights but doesn't say whether the file is supported. Show a small hint on drag-over (e.g. "PDF — supported" / "unsupported type") so users get feedback before they drop.

Where: app/src/lib/DropZone.svelte (hover state already exists). Map the extension to the supported-formats list.

Acceptance: on drag-over, the zone shows the detected type and whether it's supported; clears on drag-leave/drop. Respects reduced-motion.

Good first issue because: isolated to one component with an existing hover state to build on.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions