Skip to content
This repository was archived by the owner on Nov 3, 2025. It is now read-only.

Feat: play on paste . #49

Open
wants to merge 6 commits into
base: seamlisten
Choose a base branch
from
Open

Feat: play on paste . #49

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
1e2eb0a
Feat: play on paste . Fixes #36
greatsage-raphael Jul 12, 2023
de63794
Fix: Trailing whitespace fixed with pre-commit run --all-files
greatsage-raphael Jul 21, 2023
3051430
Feat: Test for the paste action
greatsage-raphael Jul 21, 2023
dd11271
Feat: play on paste . Fixes #36
greatsage-raphael Jul 27, 2023
b4f4201
Revert "Fix: Trailing whitespace fixed with pre-commit run --all-files"
greatsage-raphael Aug 4, 2023
5b04b79
Feat: Explore folders on Front-end
greatsage-raphael Aug 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 14 additions & 2 deletions stopes/ui/seamlisten/react_app/src/components/FileExplorer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -121,14 +121,14 @@ function useFileNavigate() {
}

const Files = (): JSX.Element => {
const [displayHelper, setDisplayHelper] = useState(false);
const [displayHelper, setDisplayHelper] = useState(false);
Copy link
Member

@Celebio Celebio Jul 18, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Doesn't the linter remove this trailing spaces? Did you install and run pre-commit ?

Copy link
Author

@greatsage-raphael greatsage-raphael Jul 19, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'll get right on it

const navigate = useFileNavigate();
let { filename, pageNumber, numberLines, files, audioBlob, error } =
useLoaderData() as LoaderReturn;
const [newFilename, setNewFilename] = useState(
filename || config.default_path
);

// if we have a location, we are in a transition between two urls
const navigation = useNavigation();
const locationParams = parseLocation(navigation.location);
Expand Down Expand Up @@ -168,6 +168,17 @@ const Files = (): JSX.Element => {
[setFilename]
);

// Add new function to handle paste events
const fileInputHandlePaste = useCallback(
(evt) => {
const pastedData = evt.clipboardData.getData('text');
setNewFilename(pastedData);
navigate(pastedData, pageNumber, numberLines);
},
[navigate, pageNumber, numberLines]
);


return (
<div style={{ marginTop: "10px" }}>
<Form as={BRow}>
Expand All @@ -183,6 +194,7 @@ const Files = (): JSX.Element => {
onChange={setFilenameEventHandler}
value={newFilename}
onKeyDown={fileInputHandleChange}
onPaste={fileInputHandlePaste}
Copy link
Member

@Celebio Celebio Jul 18, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice

size="sm"
/>
<Form.Text className="text-muted" />
Expand Down