Function Tickets

apps/client/pages/issues/open.tsx:66–786

()

);

export default function Tickets() {
  const router = useRouter();
  const { t } = useTranslation("peppermint");

  const token = getCookie("session");
  const { data, status, error, refetch } = useQuery(
    "allusertickets",
    () => getUserTickets(token),
    {
      refetchInterval: 5000,
    }
  );

  const user = useUser();

  const high = "bg-red-100 text-red-800";
  const low = "bg-blue-100 text-blue-800";
  const normal = "bg-green-100 text-green-800";

  const [filterSelected, setFilterSelected] = useState();
  const [selectedPriorities, setSelectedPriorities] = useState<string[]>(() => {
    const saved = localStorage.getItem('open_selectedPriorities');
    return saved ? JSON.parse(saved) : [];
  });
  const [selectedStatuses, setSelectedStatuses] = useState<string[]>(() => {
    const saved = localStorage.getItem('open_selectedStatuses');
    return saved ? JSON.parse(saved) : [];
  });
  const [selectedAssignees, setSelectedAssignees] = useState<string[]>(() => {
    const saved = localStorage.getItem('open_selectedAssignees');
    return saved ? JSON.parse(saved) : [];
  });
  const [users, setUsers] = useState<any[]>([]);

  useEffect(() => {
    localStorage.setItem('open_selectedPriorities', JSON.stringify(selectedPriorities));
  }, [selectedPriorities]);

  useEffect(() => {
    localStorage.setItem('open_selectedStatuses', JSON.stringify(selectedStatuses));
  }, [selectedStatuses]);

  useEffect(() => {
    localStorage.setItem('open_selectedAssignees', JSON.stringify(selectedAssignees));
  }, [selectedAssignees]);

  const clearAllFilters = () => {
    setSelectedPriorities([]);
    setSelectedStatuses([]);
    setSelectedAssignees([]);
    localStorage.removeItem('open_selectedPriorities');
    localStorage.removeItem('open_selectedStatuses');
    localStorage.removeItem('open_selectedAssignees');
  };

  const handlePriorityToggle = (priority: string) => {
    setSelectedPriorities((prev) =>
      prev.includes(priority)