PATCH incorrect import name
This commit is contained in:
@@ -1,10 +1,12 @@
|
|||||||
import type { VideoMetadata } from "../utils/types.ts";
|
import type { VideoMetadata } from "../utils/types.ts";
|
||||||
|
import clsx from "clsx";
|
||||||
|
|
||||||
type prop = {
|
type prop = {
|
||||||
setMetadata: Function;
|
setMetadata: Function;
|
||||||
|
className?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function ClipConfig({setMetadata}: prop) {
|
export default function ClipConfig({setMetadata, className}: prop) {
|
||||||
const updateRes = (e: React.ChangeEvent<HTMLSelectElement>) => {
|
const updateRes = (e: React.ChangeEvent<HTMLSelectElement>) => {
|
||||||
var vals = e.target.value.split(",");
|
var vals = e.target.value.split(",");
|
||||||
setMetadata((prevState: VideoMetadata) => ({
|
setMetadata((prevState: VideoMetadata) => ({
|
||||||
@@ -29,7 +31,7 @@ export default function ClipConfig({setMetadata}: prop) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={"flex flex-col gap-2 p-10 rounded-md"}>
|
<div className={clsx("flex flex-col gap-2 p-10 rounded-md", className)}>
|
||||||
<h2 className={"text-3xl font-bold text-gray-800 mb-4 underline"}>Clip Export Settings</h2>
|
<h2 className={"text-3xl font-bold text-gray-800 mb-4 underline"}>Clip Export Settings</h2>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<label htmlFor="resolution"
|
<label htmlFor="resolution"
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ import Playbar from "./../components/Playbar";
|
|||||||
import PlaybackSlider from "./../components/PlaybackSlider";
|
import PlaybackSlider from "./../components/PlaybackSlider";
|
||||||
import ClipRangeSlider from "./../components/ClipRangeSlider";
|
import ClipRangeSlider from "./../components/ClipRangeSlider";
|
||||||
import ClipConfig from "./../components/ClipConfig";
|
import ClipConfig from "./../components/ClipConfig";
|
||||||
import {editFile, getMetadata, processFile, getProgress} from "../utils/Endpoints"
|
import {editFile, getMetadata, processFile, getProgress} from "../utils/endpoints"
|
||||||
import type { VideoMetadata } from "../utils/types.ts";
|
import type { VideoMetadata } from "../utils/types.ts";
|
||||||
import BlueButton from "../components/buttons/BlueButton.tsx";
|
import BlueButton from "../components/buttons/BlueButton.tsx";
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user