parent
62feb55702
commit
2eb8949064
2 changed files with 14 additions and 20 deletions
|
@ -1,5 +1,3 @@
|
||||||
import { lazy, Suspense } from 'react'
|
|
||||||
|
|
||||||
import { useEffect, useState } from 'react'
|
import { useEffect, useState } from 'react'
|
||||||
import { Link } from '../types/api'
|
import { Link } from '../types/api'
|
||||||
import { getAllLinks, deleteLink } from '../api/client'
|
import { getAllLinks, deleteLink } from '../api/client'
|
||||||
|
@ -24,7 +22,7 @@ import {
|
||||||
DialogFooter,
|
DialogFooter,
|
||||||
} from "@/components/ui/dialog"
|
} from "@/components/ui/dialog"
|
||||||
|
|
||||||
const StatisticsModal = lazy(() => import('./StatisticsModal'))
|
import { StatisticsModal } from "./StatisticsModal"
|
||||||
|
|
||||||
interface LinkListProps {
|
interface LinkListProps {
|
||||||
refresh?: number;
|
refresh?: number;
|
||||||
|
@ -188,15 +186,11 @@ export function LinkList({ refresh = 0 }: LinkListProps) {
|
||||||
</div>
|
</div>
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
{statsModal.isOpen && (
|
|
||||||
<Suspense fallback={<div>Loading...</div>}>
|
|
||||||
<StatisticsModal
|
<StatisticsModal
|
||||||
isOpen={statsModal.isOpen}
|
isOpen={statsModal.isOpen}
|
||||||
onClose={() => setStatsModal({ isOpen: false, linkId: null })}
|
onClose={() => setStatsModal({ isOpen: false, linkId: null })}
|
||||||
linkId={statsModal.linkId!}
|
linkId={statsModal.linkId!}
|
||||||
/>
|
/>
|
||||||
</Suspense>
|
|
||||||
)}
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
|
@ -58,7 +58,7 @@ const CustomTooltip = ({
|
||||||
return null;
|
return null;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function StatisticsModal({ isOpen, onClose, linkId }: StatisticsModalProps) {
|
export function StatisticsModal({ isOpen, onClose, linkId }: StatisticsModalProps) {
|
||||||
const [clicksOverTime, setClicksOverTime] = useState<EnhancedClickStats[]>([]);
|
const [clicksOverTime, setClicksOverTime] = useState<EnhancedClickStats[]>([]);
|
||||||
const [sourcesData, setSourcesData] = useState<SourceStats[]>([]);
|
const [sourcesData, setSourcesData] = useState<SourceStats[]>([]);
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue