rpuzonas/mc-music-pack-creator
1
0
Fork 0
Code

feat: add reset button

Browse Source
This commit is contained in:
Rokas Puzonas 2022-04-09 14:37:55 +00:00
parent cc350e4bf2
commit 4f3716b641
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/DiscRow.tsx
View File

@ -1,12 +1,13 @@
import DiscTooltip from "./DiscTooltip"
import { selectDiscs, useAppSelector } from "../store"
import { selectDiscs, useAppDispatch, useAppSelector } from "../store"
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import { solid } from "@fortawesome/fontawesome-svg-core/import.macro"
import ReactTooltip from "react-tooltip"
import EditNameModal from "./EditNameModal"
import { setDescription, setTitle } from "../store/discs"
import { useState } from "react"
import "./DiscRow.css"
import { useState } from "react"
interface DiscRowProps {
discId: number
@ -18,9 +19,15 @@ function DiscRow({ discId }: DiscRowProps) {
const [showEditName, setShowEditName] = useState(false);
const dispatch = useAppDispatch()
function onReset() {
dispatch(setTitle({ id: discId, title: "" }))
dispatch(setDescription({ id: discId, description: "" }))
}
return (
<div className="disc-row">
<button data-tip="Reset">
<button data-tip="Reset" onClick={onReset}>
<FontAwesomeIcon icon={solid("arrow-rotate-right")} />
</button>
<button data-tip="Edit name" onClick={() => setShowEditName(true)}>