diff --git a/frontend/MASSter-frontend/src/pages/grid.tsx b/frontend/MASSter-frontend/src/pages/grid.tsx index e9d6349..2c92447 100644 --- a/frontend/MASSter-frontend/src/pages/grid.tsx +++ b/frontend/MASSter-frontend/src/pages/grid.tsx @@ -8,7 +8,7 @@ import { } from "@/components/ui/card"; import { pb } from "@/lib/pb-client"; import { RecordModel } from "pocketbase"; -import { useQuery } from "react-query"; +import { useQuery, useQueryClient } from "react-query"; import imgPlaceholder from "/src/assets/img/img-placeholder.webp"; import { IconBrush, IconLoader3, IconPlus } from "@tabler/icons-react"; import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog"; @@ -56,14 +56,18 @@ export function GridPage() { className="h-fit fixed bottom-12 right-12 shadow-md shadow-white aspect-square rounded-full" onClick={() => { navigate(`/generate`); - }}> - + }} + > + + ); } function ImageGrid({ imgType }: { imgType: ImgType }) { + const qc = useQueryClient(); + const listQuery = useQuery( [`get-gen-list-${imgType}`], () => { @@ -112,25 +116,42 @@ function ImageGrid({ imgType }: { imgType: ImgType }) { { + qc.invalidateQueries([ + `get-gen-list-${imgType}` + ]); + setOpen(opened); + }} > ); } else { - grid =
-

- Нет изображений в данной категории!
- Вот, что с этим можно сделать: -

- -
; + grid = ( +
+

+ + Нет изображений в данной категории! + +
+ Вот, что с этим можно сделать: +

+ +
+ ); } } else { - grid =
Произошла какая-то ошибка. Мы уже над ней работаем!
; + grid = ( +
+ Произошла какая-то ошибка. Мы уже над ней работаем! +
+ ); } return grid; @@ -185,7 +206,7 @@ function GridCard({ item }: { item: RecordModel }) { type ModalResWindowProps = { item: RecordModel; canEdit: boolean; - openChange: React.Dispatch>; + openChange: (opened: boolean) => void; }; function ModalResultWindow({ item, canEdit, openChange }: ModalResWindowProps) { @@ -259,18 +280,27 @@ function ModalResultWindow({ item, canEdit, openChange }: ModalResWindowProps) { ) : undefined} -