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}
-