From d36f2e4ec535fd60a2563f5aa98a2a28269e9fb4 Mon Sep 17 00:00:00 2001 From: BitterKanegul <15769643+BitterKanegul@users.noreply.github.com> Date: Mon, 2 Jan 2023 10:01:26 +0530 Subject: [PATCH] Change submitResponse function --- website/src/components/FlaggableElement.tsx | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/website/src/components/FlaggableElement.tsx b/website/src/components/FlaggableElement.tsx index 75220344..a51db925 100644 --- a/website/src/components/FlaggableElement.tsx +++ b/website/src/components/FlaggableElement.tsx @@ -30,21 +30,18 @@ export const FlaggableElement = (props) => { }, }); - const submitResponse = (label_data) => { - trigger(label_data); - }; - const [checkboxValues, setCheckboxValues] = useState(new Array(TEXT_LABEL_FLAGS.length).fill(false)); - const [sliderValues, setSliderValues] = useState(new Array(TEXT_LABEL_FLAGS.length).fill(1)); - - const fetchData = () => { + const submitResponse = () => { const label_map: Map = new Map(); TEXT_LABEL_FLAGS.forEach((flag, i) => { if (checkboxValues[i]) { label_map.set(flag.attributeName, sliderValues[i]); } }); - return { post_id: props.post_id, label_map: Object.fromEntries(label_map), text: props.text }; + trigger({ post_id: props.post_id, label_map: Object.fromEntries(label_map), text: props.text }); }; + const [checkboxValues, setCheckboxValues] = useState(new Array(TEXT_LABEL_FLAGS.length).fill(false)); + const [sliderValues, setSliderValues] = useState(new Array(TEXT_LABEL_FLAGS.length).fill(1)); + const handleCheckboxState = (isChecked, idx) => { setCheckboxValues( checkboxValues.map((val, i) => { @@ -108,7 +105,7 @@ export const FlaggableElement = (props) => { return all | current; }, false) } - onClick={() => submitResponse(fetchData())} + onClick={() => submitResponse()} className="bg-indigo-600 text-black hover:bg-indigo-700" > Report