Function Tickets

apps/client/pages/issues/index.tsx:66–780

()

);

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 [selectedPriorities, setSelectedPriorities] = useState<string[]>(() => {
    const saved = localStorage.getItem('all_selectedPriorities');
    return saved ? JSON.parse(saved) : [];
  });
  
  const [selectedStatuses, setSelectedStatuses] = useState<string[]>(() => {
    const saved = localStorage.getItem('all_selectedStatuses');
    return saved ? JSON.parse(saved) : [];
  });
  
  const [selectedAssignees, setSelectedAssignees] = useState<string[]>(() => {
    const saved = localStorage.getItem('all_selectedAssignees');
    return saved ? JSON.parse(saved) : [];
  });

  // Update local storage when filters change
  useEffect(() => {
    localStorage.setItem('all_selectedPriorities', JSON.stringify(selectedPriorities));
    localStorage.setItem('all_selectedStatuses', JSON.stringify(selectedStatuses));
    localStorage.setItem('all_selectedAssignees', JSON.stringify(selectedAssignees));
  }, [selectedPriorities, selectedStatuses, selectedAssignees]);

  const [users, setUsers] = useState<any[]>([]);

  const handlePriorityToggle = (priority: string) => {
    setSelectedPriorities((prev) =>
      prev.includes(priority)
        ? prev.filter((p) => p !== priority)
        : [...prev, priority]
    );
  };

  const handleStatusToggle = (status: string) => {
    setSelectedStatuses((prev) =>
      prev.includes(status)
        ? prev.filter((s) => s !== status)
        : [...prev, status]
    );
  };