Update frontend/src/pages/History.jsx
Browse files
frontend/src/pages/History.jsx
CHANGED
|
@@ -1,6 +1,7 @@
|
|
| 1 |
// frontend/src/pages/History.jsx
|
| 2 |
|
| 3 |
import React, { useState, useEffect } from "react";
|
|
|
|
| 4 |
import { motion, AnimatePresence } from "framer-motion";
|
| 5 |
import {
|
| 6 |
FileText,
|
|
@@ -66,6 +67,7 @@ const variationConfig = {
|
|
| 66 |
};
|
| 67 |
|
| 68 |
export default function History() {
|
|
|
|
| 69 |
const [searchQuery, setSearchQuery] = useState("");
|
| 70 |
const [selectedStatus, setSelectedStatus] = useState("all");
|
| 71 |
const [expandedReport, setExpandedReport] = useState(null);
|
|
@@ -630,6 +632,10 @@ export default function History() {
|
|
| 630 |
variant="ghost"
|
| 631 |
size="sm"
|
| 632 |
className="h-8 text-xs"
|
|
|
|
|
|
|
|
|
|
|
|
|
| 633 |
>
|
| 634 |
<Eye className="h-3 w-3 mr-1" />
|
| 635 |
View Output
|
|
|
|
| 1 |
// frontend/src/pages/History.jsx
|
| 2 |
|
| 3 |
import React, { useState, useEffect } from "react";
|
| 4 |
+
import { useNavigate } from "react-router-dom";
|
| 5 |
import { motion, AnimatePresence } from "framer-motion";
|
| 6 |
import {
|
| 7 |
FileText,
|
|
|
|
| 67 |
};
|
| 68 |
|
| 69 |
export default function History() {
|
| 70 |
+
const navigate = useNavigate();
|
| 71 |
const [searchQuery, setSearchQuery] = useState("");
|
| 72 |
const [selectedStatus, setSelectedStatus] = useState("all");
|
| 73 |
const [expandedReport, setExpandedReport] = useState(null);
|
|
|
|
| 632 |
variant="ghost"
|
| 633 |
size="sm"
|
| 634 |
className="h-8 text-xs"
|
| 635 |
+
onClick={(e) => {
|
| 636 |
+
e.stopPropagation();
|
| 637 |
+
navigate(`/dashboard?extractionId=${item.id}`);
|
| 638 |
+
}}
|
| 639 |
>
|
| 640 |
<Eye className="h-3 w-3 mr-1" />
|
| 641 |
View Output
|