VF15aYGc

1import React, { useEffect, useState, useCallback } from 'react';
2import { useSearchParams, useNavigate } from "react-router-dom";
3import { motion } from 'framer-motion';
4// Custom Components
5import Sidebar from '../Components/Sidebar';
6import FeedbackSummary from '../Components/FeedbackSummary';
7import pageTitle from '../Components/Common/pageTitle';
8import api from '../api/issues';
9import FeedbackFilter from '../Components/FeedbackFilter';
10
11export default function Feedbacks(props) {
12
13	const [show, toggleShow] = useState(true);
14	const [queryData, setQueryData] = useState()
15  const [loaded, setLoaded] = useState(false)
16	const [refresh, setRefresh] = useState(false);
17	const navigate = useNavigate();
18	const newFeedback = useCallback(() => navigate('/newfeedback', { replace: true }), [navigate]);
19	const [searchParams, setSearchParams] = useSearchParams();
20	let name = searchParams.get("name")
21	let userEmail = localStorage.getItem("userEmail")
22	let userName = localStorage.getItem("userName");
23
24	const [data, setData] = useState([])
25	const [activeFeedback, setFeedback] = useState(0)
26	const [filtered, setFiltered] = useState([])
27
28
29	pageTitle("Feedbacks");
30	
31	useEffect(() => {
32		api('/summaries').then(res => {
33      setQueryData(res.data);
34      setLoaded(true)
35    })
36		let authToken = localStorage.getItem('Auth Token')
37		if (!authToken) {
38			window.location.href = '/login'
39		}
40
41		const fetchFeedbacks = async () => {
42			try {
43				const response = await api.get('/test-feedbacks?key=' + key)
44				setData(response.data)
45				console.log(data)
46			} catch (err) {
47				if (err.response) {
48					console.log(err.response.headers)
49				} else {
50					console.log(`Error: ${err.message}`)
51				}
52			}
53		}
54
55		fetchFeedbacks();
56		setRefresh(false)
57
58    setTimeout(() => {
59      document.activeElement.blur()
60    }, 1000)
61
62  }, [refresh])
63
64
65
66	return (
67		<div>
68...