This commit is contained in:
parent
28826123ec
commit
16640cb116
@ -51,6 +51,7 @@
|
||||
"react-simple-maps": "^3.0.0",
|
||||
"react-simplemde-editor": "^5.2.0",
|
||||
"react-swipeable": "^7.0.2",
|
||||
"react-toastify": "^11.0.5",
|
||||
"rehype-raw": "^7.0.0",
|
||||
"three": "^0.175.0",
|
||||
"vite-plugin-svgr": "^4.3.0"
|
||||
|
||||
@ -19,6 +19,7 @@ import {
|
||||
ALLOWED_VIDEO_TYPES,
|
||||
} from "../components/media/MediaFormUtils";
|
||||
import { EVERY_LANGUAGE, Languages } from "@stores";
|
||||
import { useNotification } from "@refinedev/core";
|
||||
|
||||
const MemoizedSimpleMDE = React.memo(MarkdownEditor);
|
||||
|
||||
@ -30,14 +31,16 @@ type MediaFile = {
|
||||
};
|
||||
|
||||
type Props = {
|
||||
parentId: string | number;
|
||||
parentId?: string | number;
|
||||
parentResource: string;
|
||||
childResource: string;
|
||||
title: string;
|
||||
left?: boolean;
|
||||
language: Languages,
|
||||
setHeadingParent?: (heading: string) => void,
|
||||
setBodyParent?: (body: string) => void,
|
||||
language: Languages;
|
||||
setHeadingParent?: (heading: string) => void;
|
||||
setBodyParent?: (body: string) => void;
|
||||
onSave?: (something: any) => void;
|
||||
noReset?: boolean;
|
||||
};
|
||||
|
||||
export const CreateSightArticle = ({
|
||||
@ -48,8 +51,11 @@ export const CreateSightArticle = ({
|
||||
left,
|
||||
language,
|
||||
setHeadingParent,
|
||||
setBodyParent
|
||||
setBodyParent,
|
||||
onSave,
|
||||
noReset,
|
||||
}: Props) => {
|
||||
const notification = useNotification();
|
||||
const theme = useTheme();
|
||||
const [mediaFiles, setMediaFiles] = useState<MediaFile[]>([]);
|
||||
const [workingLanguage, setWorkingLanguage] = useState<Languages>(language);
|
||||
@ -69,10 +75,9 @@ export const CreateSightArticle = ({
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
const [articleData, setArticleData] = useState({
|
||||
heading: EVERY_LANGUAGE(""),
|
||||
body: EVERY_LANGUAGE("")
|
||||
body: EVERY_LANGUAGE(""),
|
||||
});
|
||||
|
||||
function updateTranslations() {
|
||||
@ -85,8 +90,8 @@ export const CreateSightArticle = ({
|
||||
body: {
|
||||
...articleData.body,
|
||||
[workingLanguage]: watch("body") ?? "",
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
setArticleData(newArticleData);
|
||||
return newArticleData;
|
||||
}
|
||||
@ -126,8 +131,12 @@ export const CreateSightArticle = ({
|
||||
const { getRootProps, getInputProps, isDragActive } = useDropzone({
|
||||
onDrop,
|
||||
accept: {
|
||||
"image/*": ALLOWED_IMAGE_TYPES,
|
||||
"video/*": ALLOWED_VIDEO_TYPES,
|
||||
"image/jpeg": [".jpeg", ".jpg"],
|
||||
"image/png": [".png"],
|
||||
"image/webp": [".webp"],
|
||||
"video/mp4": [".mp4"],
|
||||
"video/webm": [".webm"],
|
||||
"video/ogg": [".ogg"],
|
||||
},
|
||||
multiple: true,
|
||||
});
|
||||
@ -153,24 +162,29 @@ export const CreateSightArticle = ({
|
||||
try {
|
||||
// Создаем статью
|
||||
const response = await axiosInstance.post(
|
||||
`${import.meta.env.VITE_KRBL_API}/${childResource}`, {
|
||||
`${import.meta.env.VITE_KRBL_API}/${childResource}`,
|
||||
{
|
||||
...data,
|
||||
translations: updateTranslations()
|
||||
translations: updateTranslations(),
|
||||
}
|
||||
);
|
||||
const itemId = response.data.id;
|
||||
|
||||
if (parentId) {
|
||||
// Получаем существующие статьи для определения порядкового номера
|
||||
const existingItemsResponse = await axiosInstance.get(
|
||||
`${import.meta.env.VITE_KRBL_API}/${parentResource}/${parentId}/${childResource}`
|
||||
`${
|
||||
import.meta.env.VITE_KRBL_API
|
||||
}/${parentResource}/${parentId}/${childResource}`
|
||||
);
|
||||
const existingItems = existingItemsResponse.data ?? [];
|
||||
const nextPageNum = existingItems.length + 1;
|
||||
|
||||
if (!left) {
|
||||
// Привязываем статью к достопримечательности если она не левая
|
||||
await axiosInstance.post(
|
||||
`${import.meta.env.VITE_KRBL_API}/${parentResource}/${parentId}/${childResource}/`,
|
||||
`${
|
||||
import.meta.env.VITE_KRBL_API
|
||||
}/${parentResource}/${parentId}/${childResource}/`,
|
||||
{
|
||||
[`${childResource}_id`]: itemId,
|
||||
page_num: nextPageNum,
|
||||
@ -186,11 +200,12 @@ export const CreateSightArticle = ({
|
||||
`${import.meta.env.VITE_KRBL_API}/${parentResource}/${parentId}/`,
|
||||
{
|
||||
...data,
|
||||
left_article: itemId
|
||||
left_article: itemId,
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Загружаем все медиа файлы и получаем их ID
|
||||
const mediaIds = await Promise.all(
|
||||
@ -211,10 +226,21 @@ export const CreateSightArticle = ({
|
||||
)
|
||||
)
|
||||
);
|
||||
|
||||
if (noReset) {
|
||||
setValue("heading", "");
|
||||
setValue("body", "");
|
||||
} else {
|
||||
resetItem();
|
||||
setMediaFiles([]);
|
||||
}
|
||||
if (onSave) {
|
||||
onSave(response.data);
|
||||
notification.open({
|
||||
message: "Статья успешно создана",
|
||||
type: "success",
|
||||
});
|
||||
} else {
|
||||
window.location.reload();
|
||||
}
|
||||
} catch (err: any) {
|
||||
console.error("Error creating item:", err);
|
||||
}
|
||||
@ -345,7 +371,12 @@ export const CreateSightArticle = ({
|
||||
</Box>
|
||||
|
||||
<Box sx={{ mt: 2, display: "flex", gap: 2 }}>
|
||||
<Button variant="contained" color="primary" onClick={handleSubmitItem(handleCreate)}>
|
||||
<Button
|
||||
variant="contained"
|
||||
color="primary"
|
||||
type="submit"
|
||||
onClick={handleSubmitItem(handleCreate)}
|
||||
>
|
||||
Создать
|
||||
</Button>
|
||||
<Button
|
||||
|
||||
@ -38,7 +38,7 @@ const style = {
|
||||
bgcolor: "background.paper",
|
||||
border: "2px solid #000",
|
||||
boxShadow: 24,
|
||||
p: 4
|
||||
p: 4,
|
||||
};
|
||||
|
||||
export const ArticleEditModal = observer(() => {
|
||||
@ -62,13 +62,11 @@ export const ArticleEditModal = observer(() => {
|
||||
|
||||
// Load existing media files when editing an article
|
||||
const loadExistingMedia = async () => {
|
||||
console.log("Called loadExistingMedia")
|
||||
console.log("Called loadExistingMedia");
|
||||
if (selectedArticleId) {
|
||||
try {
|
||||
const response = await axiosInstance.get(
|
||||
`${
|
||||
import.meta.env.VITE_KRBL_API
|
||||
}/article/${selectedArticleId}/media`
|
||||
`${import.meta.env.VITE_KRBL_API}/article/${selectedArticleId}/media`
|
||||
);
|
||||
const existingMedia = response.data;
|
||||
|
||||
@ -125,7 +123,9 @@ export const ArticleEditModal = observer(() => {
|
||||
try {
|
||||
// Upload new media files
|
||||
const newMediaFiles = mediaFiles.filter((file) => !file.media_id);
|
||||
const existingMediaAmount = mediaFiles.filter((file) => file.media_id).length;
|
||||
const existingMediaAmount = mediaFiles.filter(
|
||||
(file) => file.media_id
|
||||
).length;
|
||||
const mediaIds = await Promise.all(
|
||||
newMediaFiles.map(async (mediaFile) => {
|
||||
return await uploadMedia(mediaFile);
|
||||
@ -164,10 +164,10 @@ export const ArticleEditModal = observer(() => {
|
||||
|
||||
useEffect(() => {
|
||||
if (articleData.heading[language]) {
|
||||
setValue("heading", articleData.heading[language])
|
||||
setValue("heading", articleData.heading[language]);
|
||||
}
|
||||
if (articleData.body[language]) {
|
||||
setValue("body", articleData.body[language])
|
||||
setValue("body", articleData.body[language]);
|
||||
}
|
||||
}, [language, articleData, setValue]);
|
||||
|
||||
@ -176,12 +176,12 @@ export const ArticleEditModal = observer(() => {
|
||||
...prevData,
|
||||
heading: {
|
||||
...prevData.heading,
|
||||
[language]: watch("heading") ?? ""
|
||||
[language]: watch("heading") ?? "",
|
||||
},
|
||||
body: {
|
||||
...prevData.body,
|
||||
[language]: watch("body") ?? ""
|
||||
}
|
||||
[language]: watch("body") ?? "",
|
||||
},
|
||||
}));
|
||||
};
|
||||
|
||||
@ -205,8 +205,12 @@ export const ArticleEditModal = observer(() => {
|
||||
const { getRootProps, getInputProps, isDragActive } = useDropzone({
|
||||
onDrop,
|
||||
accept: {
|
||||
"image/*": ALLOWED_IMAGE_TYPES,
|
||||
"video/*": ALLOWED_VIDEO_TYPES,
|
||||
"image/jpeg": [".jpeg", ".jpg"],
|
||||
"image/png": [".png"],
|
||||
"image/webp": [".webp"],
|
||||
"video/mp4": [".mp4"],
|
||||
"video/webm": [".webm"],
|
||||
"video/ogg": [".ogg"],
|
||||
},
|
||||
multiple: true,
|
||||
});
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
@import './stylesheets/hidden-functionality.css';
|
||||
@import './stylesheets/roles-functionality.css';
|
||||
@import "./stylesheets/hidden-functionality.css";
|
||||
@import "./stylesheets/roles-functionality.css";
|
||||
|
||||
.limited-text {
|
||||
overflow: hidden;
|
||||
@ -7,3 +7,19 @@
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.backup-button {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
color: #544044;
|
||||
border-radius: 10%;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.backup-button:hover {
|
||||
background-color: rgba(84, 64, 68, 0.5);
|
||||
}
|
||||
|
||||
@ -1,4 +1,13 @@
|
||||
import { Autocomplete, Box, TextField, Typography, Paper } from "@mui/material";
|
||||
import {
|
||||
Autocomplete,
|
||||
Box,
|
||||
TextField,
|
||||
Typography,
|
||||
Paper,
|
||||
Accordion,
|
||||
AccordionSummary,
|
||||
AccordionDetails,
|
||||
} from "@mui/material";
|
||||
import { Create, useAutocomplete } from "@refinedev/mui";
|
||||
import { useForm } from "@refinedev/react-hook-form";
|
||||
import { Controller, FieldValues } from "react-hook-form";
|
||||
@ -8,11 +17,14 @@ import { TOKEN_KEY } from "@providers";
|
||||
import { observer } from "mobx-react-lite";
|
||||
import { EVERY_LANGUAGE, Languages, languageStore, cityStore } from "@stores";
|
||||
import { LanguageSelector } from "@ui";
|
||||
import { CreateSightArticle } from "@components";
|
||||
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
|
||||
|
||||
export const SightCreate = observer(() => {
|
||||
const { language, setLanguageAction } = languageStore;
|
||||
const [sightData, setSightData] = useState({
|
||||
name: EVERY_LANGUAGE(""),
|
||||
address: EVERY_LANGUAGE("")
|
||||
address: EVERY_LANGUAGE(""),
|
||||
});
|
||||
|
||||
const {
|
||||
@ -46,8 +58,8 @@ export const SightCreate = observer(() => {
|
||||
address: {
|
||||
...sightData.address,
|
||||
[language]: watch("address") ?? "",
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
if (update) setSightData(newSightData);
|
||||
return newSightData;
|
||||
}
|
||||
@ -62,7 +74,7 @@ export const SightCreate = observer(() => {
|
||||
console.log(newTranslations);
|
||||
return onFinish({
|
||||
...values,
|
||||
translations: newTranslations
|
||||
translations: newTranslations,
|
||||
});
|
||||
});
|
||||
|
||||
@ -71,6 +83,11 @@ export const SightCreate = observer(() => {
|
||||
latitude: "",
|
||||
longitude: "",
|
||||
});
|
||||
|
||||
const [creatingArticleHeading, setCreatingArticleHeading] =
|
||||
useState<string>("");
|
||||
const [creatingArticleBody, setCreatingArticleBody] = useState<string>("");
|
||||
|
||||
const [cityPreview, setCityPreview] = useState("");
|
||||
const [thumbnailPreview, setThumbnailPreview] = useState<string | null>(null);
|
||||
const [watermarkLUPreview, setWatermarkLUPreview] = useState<string | null>(
|
||||
@ -80,6 +97,8 @@ export const SightCreate = observer(() => {
|
||||
null
|
||||
);
|
||||
const [leftArticlePreview, setLeftArticlePreview] = useState("");
|
||||
const [customOptions, setCustomOptions] = useState<any[]>([]);
|
||||
|
||||
const [previewArticlePreview, setPreviewArticlePreview] = useState("");
|
||||
|
||||
const handleCoordinatesChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
@ -122,6 +141,7 @@ export const SightCreate = observer(() => {
|
||||
|
||||
const { autocompleteProps: articleAutocompleteProps } = useAutocomplete({
|
||||
resource: "article",
|
||||
|
||||
onSearch: (value) => [
|
||||
{
|
||||
field: "heading",
|
||||
@ -131,6 +151,8 @@ export const SightCreate = observer(() => {
|
||||
],
|
||||
});
|
||||
|
||||
const mergedOptions = [...articleAutocompleteProps.options, ...customOptions];
|
||||
|
||||
// Следим за изменениями во всех полях
|
||||
const nameContent = watch("name");
|
||||
const addressContent = watch("address");
|
||||
@ -222,10 +244,13 @@ export const SightCreate = observer(() => {
|
||||
}, [previewArticleContent, articleAutocompleteProps.options]);
|
||||
|
||||
return (
|
||||
<Create isLoading={formLoading} saveButtonProps={{
|
||||
<Create
|
||||
isLoading={formLoading}
|
||||
saveButtonProps={{
|
||||
...saveButtonProps,
|
||||
onClick: handleFormSubmit
|
||||
}}>
|
||||
onClick: handleFormSubmit,
|
||||
}}
|
||||
>
|
||||
<Box sx={{ display: "flex", gap: 2 }}>
|
||||
<Box sx={{ display: "flex", flexDirection: "column", flex: 1, gap: 2 }}>
|
||||
{/* Форма создания */}
|
||||
@ -468,27 +493,25 @@ export const SightCreate = observer(() => {
|
||||
render={({ field }) => (
|
||||
<Autocomplete
|
||||
{...articleAutocompleteProps}
|
||||
options={mergedOptions} // ← use merged options
|
||||
value={
|
||||
articleAutocompleteProps.options.find(
|
||||
(option) => option.id === field.value
|
||||
) ?? null
|
||||
mergedOptions.find((option) => option.id === field.value) ??
|
||||
null
|
||||
}
|
||||
onChange={(_, value) => {
|
||||
field.onChange(value?.id ?? "");
|
||||
}}
|
||||
getOptionLabel={(item) => {
|
||||
return item ? item.heading : "";
|
||||
}}
|
||||
isOptionEqualToValue={(option, value) => {
|
||||
return option.id === value?.id;
|
||||
}}
|
||||
filterOptions={(options, { inputValue }) => {
|
||||
return options.filter((option) =>
|
||||
getOptionLabel={(item) => (item ? item.heading : "")}
|
||||
isOptionEqualToValue={(option, value) =>
|
||||
option.id === value?.id
|
||||
}
|
||||
filterOptions={(options, { inputValue }) =>
|
||||
options.filter((option) =>
|
||||
option.heading
|
||||
.toLowerCase()
|
||||
.includes(inputValue.toLowerCase())
|
||||
);
|
||||
}}
|
||||
)
|
||||
}
|
||||
renderInput={(params) => (
|
||||
<TextField
|
||||
{...params}
|
||||
@ -503,6 +526,31 @@ export const SightCreate = observer(() => {
|
||||
)}
|
||||
/>
|
||||
|
||||
{!leftArticleContent && (
|
||||
<Accordion>
|
||||
<AccordionSummary
|
||||
expandIcon={<ExpandMoreIcon />}
|
||||
aria-controls="create-article-content"
|
||||
id="create-article-header"
|
||||
>
|
||||
<Typography>Создать новую статью</Typography>
|
||||
</AccordionSummary>
|
||||
<AccordionDetails>
|
||||
<CreateSightArticle
|
||||
language={language}
|
||||
parentResource="sight"
|
||||
childResource="article"
|
||||
title="статью"
|
||||
noReset
|
||||
left
|
||||
onSave={(something: any) => {
|
||||
setCustomOptions((prev) => [...prev, something]);
|
||||
}}
|
||||
/>
|
||||
</AccordionDetails>
|
||||
</Accordion>
|
||||
)}
|
||||
|
||||
<Controller
|
||||
control={control}
|
||||
name="preview_media"
|
||||
@ -516,7 +564,7 @@ export const SightCreate = observer(() => {
|
||||
) || null
|
||||
}
|
||||
onChange={(_, value) => {
|
||||
console.log(value, _)
|
||||
console.log(value, _);
|
||||
field.onChange(value?.id || "");
|
||||
}}
|
||||
getOptionLabel={(item) => {
|
||||
@ -531,7 +579,7 @@ export const SightCreate = observer(() => {
|
||||
option.media_name
|
||||
.toLowerCase()
|
||||
.includes(inputValue.toLowerCase()) &&
|
||||
[1,2,5,6].includes(option.media_type)
|
||||
[1, 2, 3, 4, 5, 6].includes(option.media_type)
|
||||
);
|
||||
}}
|
||||
renderInput={(params) => (
|
||||
|
||||
@ -19,10 +19,18 @@ import { ArticleItem, articleFields } from "./types";
|
||||
import { axiosInstance, TOKEN_KEY } from "@providers";
|
||||
import { observer } from "mobx-react-lite";
|
||||
|
||||
import { Languages, languageStore, articleStore, META_LANGUAGE, EVERY_LANGUAGE } from "@stores";
|
||||
import {
|
||||
Languages,
|
||||
languageStore,
|
||||
articleStore,
|
||||
META_LANGUAGE,
|
||||
EVERY_LANGUAGE,
|
||||
} from "@stores";
|
||||
import axios from "axios";
|
||||
import { LanguageSelector, MediaData, MediaView } from "@ui";
|
||||
import { ArticleEditModal } from "../../components/modals/ArticleEditModal/index";
|
||||
import ReactMarkdown from "react-markdown";
|
||||
import rehypeRaw from "rehype-raw";
|
||||
|
||||
function a11yProps(index: number) {
|
||||
return {
|
||||
@ -60,10 +68,9 @@ export const SightEdit = observer(() => {
|
||||
const { setArticleModalOpenAction, setArticleIdAction } = articleStore;
|
||||
const [sightData, setSightData] = useState({
|
||||
name: EVERY_LANGUAGE(""),
|
||||
address: EVERY_LANGUAGE("")
|
||||
address: EVERY_LANGUAGE(""),
|
||||
});
|
||||
|
||||
|
||||
const {
|
||||
saveButtonProps,
|
||||
register,
|
||||
@ -76,8 +83,9 @@ export const SightEdit = observer(() => {
|
||||
formState: { errors },
|
||||
} = useForm({
|
||||
refineCoreProps: META_LANGUAGE(language),
|
||||
warnWhenUnsavedChanges: false
|
||||
warnWhenUnsavedChanges: false,
|
||||
});
|
||||
const name = watch("name");
|
||||
|
||||
const getMedia = async (id?: string | number) => {
|
||||
if (!id) return;
|
||||
@ -110,7 +118,7 @@ export const SightEdit = observer(() => {
|
||||
value,
|
||||
},
|
||||
],
|
||||
...META_LANGUAGE("ru")
|
||||
...META_LANGUAGE("ru"),
|
||||
});
|
||||
const [mediaFile, setMediaFile] = useState<MediaData>();
|
||||
const [leftArticleData, setLeftArticleData] = useState<{
|
||||
@ -129,7 +137,7 @@ export const SightEdit = observer(() => {
|
||||
operator: "contains",
|
||||
value,
|
||||
},
|
||||
]
|
||||
],
|
||||
});
|
||||
|
||||
const { autocompleteProps: articleAutocompleteProps } = useAutocomplete({
|
||||
@ -147,12 +155,10 @@ export const SightEdit = observer(() => {
|
||||
value,
|
||||
},
|
||||
],
|
||||
|
||||
});
|
||||
|
||||
useEffect(() => {
|
||||
if(sightData.name[language])
|
||||
setValue("name", sightData.name[language]);
|
||||
if (sightData.name[language]) setValue("name", sightData.name[language]);
|
||||
if (sightData.address[language])
|
||||
setValue("address", sightData.address[language]);
|
||||
}, [language, sightData, setValue]);
|
||||
@ -180,7 +186,8 @@ export const SightEdit = observer(() => {
|
||||
|
||||
// Состояния для предпросмотра
|
||||
|
||||
const [creatingArticleHeading, setCreatingArticleHeading] = useState<string>("");
|
||||
const [creatingArticleHeading, setCreatingArticleHeading] =
|
||||
useState<string>("");
|
||||
const [creatingArticleBody, setCreatingArticleBody] = useState<string>("");
|
||||
|
||||
const [coordinatesPreview, setCoordinatesPreview] = useState({
|
||||
@ -188,6 +195,7 @@ export const SightEdit = observer(() => {
|
||||
longitude: "",
|
||||
});
|
||||
const [selectedArticleIndex, setSelectedArticleIndex] = useState(-1);
|
||||
const [previewMediaFile, setPreviewMediaFile] = useState<MediaData>();
|
||||
const [thumbnailPreview, setThumbnailPreview] = useState<string | null>(null);
|
||||
const [watermarkLUPreview, setWatermarkLUPreview] = useState<string | null>(
|
||||
null
|
||||
@ -202,14 +210,15 @@ export const SightEdit = observer(() => {
|
||||
|
||||
const previewMediaId = watch("preview_media");
|
||||
const leftArticleId = watch("left_article");
|
||||
|
||||
useEffect(() => {
|
||||
if (previewMediaId) {
|
||||
const selectedMedia = mediaAutocompleteProps.options.find(
|
||||
(option) => option.id === previewMediaId
|
||||
);
|
||||
console.log("Triggering", previewMediaId)
|
||||
console.log("Triggering", previewMediaId);
|
||||
if (!selectedMedia) return;
|
||||
setMediaFile(selectedMedia);
|
||||
setPreviewMediaFile(selectedMedia);
|
||||
}
|
||||
}, [previewMediaId, mediaAutocompleteProps.options]);
|
||||
|
||||
@ -245,10 +254,9 @@ export const SightEdit = observer(() => {
|
||||
getMedia(linkedArticles[selectedArticleIndex].id).then((media) => {
|
||||
setMediaFile(media);
|
||||
});
|
||||
};
|
||||
}
|
||||
}, [selectedArticleIndex, linkedArticles]);
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
const selectedThumbnail = mediaAutocompleteProps.options.find(
|
||||
(option) => option.id === thumbnailContent
|
||||
@ -312,8 +320,8 @@ export const SightEdit = observer(() => {
|
||||
address: {
|
||||
...sightData.address,
|
||||
[language]: watch("address") ?? "",
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
if (update) setSightData(newSightData);
|
||||
return newSightData;
|
||||
}
|
||||
@ -328,7 +336,7 @@ export const SightEdit = observer(() => {
|
||||
console.log(newTranslations);
|
||||
await onFinish({
|
||||
...values,
|
||||
translations: newTranslations
|
||||
translations: newTranslations,
|
||||
});
|
||||
});
|
||||
|
||||
@ -338,21 +346,29 @@ export const SightEdit = observer(() => {
|
||||
};
|
||||
}, [setLanguageAction]);
|
||||
|
||||
const [articleAdditionMode, setArticleAdditionMode] = useState<'attaching' | 'creating'>('attaching');
|
||||
const [articleAdditionMode, setArticleAdditionMode] = useState<
|
||||
"attaching" | "creating"
|
||||
>("attaching");
|
||||
const [selectedItemId, setSelectedItemId] = useState<string>();
|
||||
const [updatedLinkedArticles, setUpdatedLinkedArticles] = useState<ArticleItem[]>([]);
|
||||
const [updatedLinkedArticles, setUpdatedLinkedArticles] = useState<
|
||||
ArticleItem[]
|
||||
>([]);
|
||||
|
||||
const linkItem = () => {
|
||||
if (!selectedItemId) return;
|
||||
const requestData = {
|
||||
article_id: selectedItemId,
|
||||
page_num: linkedArticles.length + 1,
|
||||
}
|
||||
};
|
||||
|
||||
axiosInstance
|
||||
.post(`${import.meta.env.VITE_KRBL_API}/sight/${sightId}/article`, requestData)
|
||||
.post(
|
||||
`${import.meta.env.VITE_KRBL_API}/sight/${sightId}/article`,
|
||||
requestData
|
||||
)
|
||||
.then(() => {
|
||||
axiosInstance.get(`${import.meta.env.VITE_KRBL_API}/sight/${sightId}/article`)
|
||||
axiosInstance
|
||||
.get(`${import.meta.env.VITE_KRBL_API}/sight/${sightId}/article`)
|
||||
.then((response) => {
|
||||
setUpdatedLinkedArticles(response?.data || []);
|
||||
setSelectedItemId(undefined);
|
||||
@ -381,7 +397,7 @@ export const SightEdit = observer(() => {
|
||||
<Edit
|
||||
saveButtonProps={{
|
||||
...saveButtonProps,
|
||||
onClick: handleFormSubmit
|
||||
onClick: handleFormSubmit,
|
||||
}}
|
||||
footerButtonProps={{
|
||||
sx: {
|
||||
@ -391,12 +407,26 @@ export const SightEdit = observer(() => {
|
||||
}}
|
||||
>
|
||||
<Box sx={{ display: "flex", flexDirection: "row", gap: 2 }}>
|
||||
<Box sx={{ display: "flex", gap: 2, position: "relative", flex:1 }}>
|
||||
<Box sx={{display: "flex", flexDirection: "column", flex: 1, gap: 10, justifyContent: "space-between"}}>
|
||||
<Box
|
||||
sx={{ display: "flex", gap: 2, position: "relative", flex: 1 }}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
flex: 1,
|
||||
gap: 10,
|
||||
justifyContent: "space-between",
|
||||
}}
|
||||
>
|
||||
<LanguageSelector action={handleLanguageChange} />
|
||||
|
||||
{/* Форма редактирования */}
|
||||
<Box component="form" sx={{ flex: 1, display: "flex", flexDirection: "column" }} autoComplete="off">
|
||||
<Box
|
||||
component="form"
|
||||
sx={{ flex: 1, display: "flex", flexDirection: "column" }}
|
||||
autoComplete="off"
|
||||
>
|
||||
<TextField
|
||||
{...register("name", {
|
||||
//required: "Это поле является обязательным",
|
||||
@ -410,6 +440,19 @@ export const SightEdit = observer(() => {
|
||||
label={"Название"}
|
||||
name="name"
|
||||
/>
|
||||
<TextField
|
||||
{...register("address", {
|
||||
//required: "Это поле является обязательным",
|
||||
})}
|
||||
error={!!(errors as any)?.address}
|
||||
helperText={(errors as any)?.address?.message}
|
||||
margin="normal"
|
||||
fullWidth
|
||||
slotProps={{ inputLabel: { shrink: true } }}
|
||||
type="text"
|
||||
label={"Адрес"}
|
||||
name="address"
|
||||
/>
|
||||
|
||||
<Box sx={{ display: "none" }}>
|
||||
<Controller
|
||||
@ -433,14 +476,13 @@ export const SightEdit = observer(() => {
|
||||
isOptionEqualToValue={(option, value) => {
|
||||
return option.id === value?.id;
|
||||
}}
|
||||
filterOptions={(options, { inputValue }) => {
|
||||
return options.filter(
|
||||
(option) =>
|
||||
option.media_name
|
||||
.toLowerCase()
|
||||
.includes(inputValue.toLowerCase())
|
||||
);
|
||||
}}
|
||||
// filterOptions={(options, { inputValue }) => {
|
||||
// return options.filter((option) =>
|
||||
// option.media_name
|
||||
// .toLowerCase()
|
||||
// .includes(inputValue.toLowerCase())
|
||||
// );
|
||||
// }}
|
||||
renderInput={(params) => (
|
||||
<TextField
|
||||
{...params}
|
||||
@ -482,7 +524,7 @@ export const SightEdit = observer(() => {
|
||||
name="city_id"
|
||||
rules={{ required: "Это поле является обязательным" }}
|
||||
defaultValue={null}
|
||||
render={() => (<div/>)}
|
||||
render={() => <div />}
|
||||
/>
|
||||
|
||||
<Box sx={{ display: "none" }}>
|
||||
@ -685,10 +727,9 @@ export const SightEdit = observer(() => {
|
||||
variant="h6"
|
||||
gutterBottom
|
||||
px={2}
|
||||
py={.5}
|
||||
|
||||
py={0.5}
|
||||
sx={{
|
||||
color: "text.primary"
|
||||
color: "text.primary",
|
||||
}}
|
||||
>
|
||||
Создать и прикрепить новую статью:
|
||||
@ -767,7 +808,7 @@ export const SightEdit = observer(() => {
|
||||
mb: 3,
|
||||
}}
|
||||
>
|
||||
{leftArticleId ? leftArticleData?.heading : creatingArticleHeading}
|
||||
{name}
|
||||
</Typography>
|
||||
|
||||
{/* Адрес */}
|
||||
@ -786,18 +827,50 @@ export const SightEdit = observer(() => {
|
||||
</Box>
|
||||
</Typography>
|
||||
|
||||
{/* Текст статьи */}
|
||||
<Typography variant="body1" sx={{ mb: 2 }}>
|
||||
<Box
|
||||
component="span"
|
||||
sx={{
|
||||
"& img": {
|
||||
maxWidth: "100%",
|
||||
height: "auto",
|
||||
borderRadius: 1,
|
||||
},
|
||||
"& h1, & h2, & h3, & h4, & h5, & h6": {
|
||||
color: "primary.main",
|
||||
mt: 2,
|
||||
mb: 1,
|
||||
},
|
||||
"& p": {
|
||||
mb: 2,
|
||||
color: (theme) =>
|
||||
theme.palette.mode === "dark" ? "grey.300" : "grey.800",
|
||||
},
|
||||
"& a": {
|
||||
color: "primary.main",
|
||||
textDecoration: "none",
|
||||
"&:hover": {
|
||||
textDecoration: "underline",
|
||||
},
|
||||
},
|
||||
"& blockquote": {
|
||||
borderLeft: "4px solid",
|
||||
borderColor: "primary.main",
|
||||
pl: 2,
|
||||
my: 2,
|
||||
color: "text.secondary",
|
||||
},
|
||||
"& code": {
|
||||
bgcolor: (theme) =>
|
||||
theme.palette.mode === "dark" ? "grey.900" : "grey.100",
|
||||
p: 0.5,
|
||||
borderRadius: 0.5,
|
||||
color: "primary.main",
|
||||
},
|
||||
}}
|
||||
>
|
||||
<ReactMarkdown rehypePlugins={[rehypeRaw]}>
|
||||
{leftArticleId ? leftArticleData?.body : creatingArticleBody}
|
||||
</ReactMarkdown>
|
||||
</Box>
|
||||
</Typography>
|
||||
</Paper>
|
||||
</Box>
|
||||
</Edit>
|
||||
@ -807,15 +880,19 @@ export const SightEdit = observer(() => {
|
||||
<Edit
|
||||
saveButtonProps={{
|
||||
...saveButtonProps,
|
||||
onClick: handleFormSubmit
|
||||
onClick: handleFormSubmit,
|
||||
}}
|
||||
footerButtonProps={{
|
||||
sx: { bottom: 0, left: 0 },
|
||||
}}>
|
||||
}}
|
||||
>
|
||||
<Box sx={{ display: "flex", flexDirection: "row", gap: 2 }}>
|
||||
<Box sx={{ flex: 1, gap: 2, position: "relative" }}>
|
||||
<Box component="form" sx={{ flex: 1, display: "flex", flexDirection: "column" }} autoComplete="off">
|
||||
|
||||
<Box
|
||||
component="form"
|
||||
sx={{ flex: 1, display: "flex", flexDirection: "column" }}
|
||||
autoComplete="off"
|
||||
>
|
||||
<Controller
|
||||
control={control}
|
||||
name="preview_media"
|
||||
@ -829,7 +906,7 @@ export const SightEdit = observer(() => {
|
||||
) || null
|
||||
}
|
||||
onChange={(_, value) => {
|
||||
console.log(value, _)
|
||||
console.log(value, _);
|
||||
field.onChange(value?.id || "");
|
||||
}}
|
||||
getOptionLabel={(item) => {
|
||||
@ -839,19 +916,17 @@ export const SightEdit = observer(() => {
|
||||
return option.id === value?.id;
|
||||
}}
|
||||
filterOptions={(options, { inputValue }) => {
|
||||
return options.filter(
|
||||
(option) =>
|
||||
return options.filter((option) =>
|
||||
option.media_name
|
||||
.toLowerCase()
|
||||
.includes(inputValue.toLowerCase()) &&
|
||||
[1,2,5,6].includes(option.media_type)
|
||||
.includes(inputValue.toLowerCase())
|
||||
);
|
||||
}}
|
||||
renderInput={(params) => (
|
||||
<TextField
|
||||
{...params}
|
||||
onClick={() => {
|
||||
//setPreviewSelected(true);
|
||||
setPreviewSelected(true);
|
||||
//setSelectedMediaIndex(-1);
|
||||
}}
|
||||
label="Медиа-предпросмотр"
|
||||
@ -875,8 +950,14 @@ export const SightEdit = observer(() => {
|
||||
flex: 1,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
bgcolor: articleAdditionMode === "attaching" ? "primary.main" : "transparent",
|
||||
color: articleAdditionMode === "attaching" ? "white" : "inherit",
|
||||
bgcolor:
|
||||
articleAdditionMode === "attaching"
|
||||
? "primary.main"
|
||||
: "transparent",
|
||||
color:
|
||||
articleAdditionMode === "attaching"
|
||||
? "white"
|
||||
: "inherit",
|
||||
borderRadius: 1,
|
||||
p: 1,
|
||||
}}
|
||||
@ -890,8 +971,14 @@ export const SightEdit = observer(() => {
|
||||
flex: 1,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
bgcolor: articleAdditionMode === "creating" ? "primary.main" : "transparent",
|
||||
color: articleAdditionMode === "creating" ? "white" : "inherit",
|
||||
bgcolor:
|
||||
articleAdditionMode === "creating"
|
||||
? "primary.main"
|
||||
: "transparent",
|
||||
color:
|
||||
articleAdditionMode === "creating"
|
||||
? "white"
|
||||
: "inherit",
|
||||
borderRadius: 1,
|
||||
p: 1,
|
||||
}}
|
||||
@ -947,7 +1034,10 @@ export const SightEdit = observer(() => {
|
||||
>
|
||||
Добавить
|
||||
</Button>
|
||||
<Button variant="outlined" onClick={() => setSelectedItemId(undefined)}>
|
||||
<Button
|
||||
variant="outlined"
|
||||
onClick={() => setSelectedItemId(undefined)}
|
||||
>
|
||||
Очистить
|
||||
</Button>
|
||||
</Box>
|
||||
@ -962,7 +1052,7 @@ export const SightEdit = observer(() => {
|
||||
title="статью"
|
||||
//left
|
||||
setHeadingParent={(heading) => {
|
||||
console.log("Updating", heading)
|
||||
console.log("Updating", heading);
|
||||
setCreatingArticleHeading(heading);
|
||||
}}
|
||||
setBodyParent={(body) => {
|
||||
@ -970,7 +1060,11 @@ export const SightEdit = observer(() => {
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
<Typography variant="subtitle1" fontWeight="bold" sx={{mt: 4}}>
|
||||
<Typography
|
||||
variant="subtitle1"
|
||||
fontWeight="bold"
|
||||
sx={{ mt: 4 }}
|
||||
>
|
||||
Привязанные статьи
|
||||
</Typography>
|
||||
|
||||
@ -986,7 +1080,6 @@ export const SightEdit = observer(() => {
|
||||
title="статьи"
|
||||
updatedLinkedItems={updatedLinkedArticles}
|
||||
/>
|
||||
|
||||
</Box>
|
||||
</Box>
|
||||
{/* Предпросмотр */}
|
||||
@ -1016,7 +1109,6 @@ export const SightEdit = observer(() => {
|
||||
flexGrow: 1,
|
||||
}}
|
||||
>
|
||||
|
||||
<Box
|
||||
sx={{
|
||||
mb: 2,
|
||||
@ -1027,7 +1119,10 @@ export const SightEdit = observer(() => {
|
||||
gap: 2,
|
||||
}}
|
||||
>
|
||||
{mediaFile && (
|
||||
{previewSelected && previewMediaFile && (
|
||||
<MediaView media={previewMediaFile} />
|
||||
)}
|
||||
{mediaFile && !previewSelected && (
|
||||
<MediaView media={mediaFile} />
|
||||
)}
|
||||
</Box>
|
||||
@ -1045,7 +1140,6 @@ export const SightEdit = observer(() => {
|
||||
overflowY: "auto",
|
||||
}}
|
||||
>
|
||||
|
||||
{!previewSelected && articleAdditionMode !== "creating" && (
|
||||
<Box
|
||||
sx={{
|
||||
@ -1060,14 +1154,13 @@ export const SightEdit = observer(() => {
|
||||
variant="h4"
|
||||
gutterBottom
|
||||
px={2}
|
||||
py={.5}
|
||||
|
||||
py={0.5}
|
||||
sx={{
|
||||
color: "text.primary",
|
||||
background:
|
||||
"linear-gradient(180deg, hsla(0,0%,100%,.2), hsla(0,0%,100%,0)), hsla(29,15%,65%,.4)",
|
||||
boxShadow: "inset 4px 4px 12px hsla(0,0%,100%,.12)",
|
||||
|
||||
boxShadow:
|
||||
"inset 4px 4px 12px hsla(0,0%,100%,.12)",
|
||||
}}
|
||||
>
|
||||
{selectedArticle.heading}
|
||||
@ -1075,14 +1168,56 @@ export const SightEdit = observer(() => {
|
||||
)}
|
||||
|
||||
{selectedArticle && (
|
||||
<Typography
|
||||
variant="body1"
|
||||
gutterBottom
|
||||
px={2}
|
||||
sx={{ color: "text.primary" }}
|
||||
<Box
|
||||
sx={{
|
||||
mt: -6,
|
||||
p: 2,
|
||||
"& img": {
|
||||
maxWidth: "100%",
|
||||
height: "auto",
|
||||
borderRadius: 1,
|
||||
},
|
||||
"& h1, & h2, & h3, & h4, & h5, & h6": {
|
||||
color: "primary.main",
|
||||
mt: 2,
|
||||
mb: 1,
|
||||
},
|
||||
"& p": {
|
||||
mb: 2,
|
||||
color: (theme) =>
|
||||
theme.palette.mode === "dark"
|
||||
? "grey.300"
|
||||
: "grey.800",
|
||||
},
|
||||
"& a": {
|
||||
color: "primary.main",
|
||||
textDecoration: "none",
|
||||
"&:hover": {
|
||||
textDecoration: "underline",
|
||||
},
|
||||
},
|
||||
"& blockquote": {
|
||||
borderLeft: "4px solid",
|
||||
borderColor: "primary.main",
|
||||
pl: 2,
|
||||
my: 2,
|
||||
color: "text.secondary",
|
||||
},
|
||||
"& code": {
|
||||
bgcolor: (theme) =>
|
||||
theme.palette.mode === "dark"
|
||||
? "grey.900"
|
||||
: "grey.100",
|
||||
p: 0.5,
|
||||
borderRadius: 0.5,
|
||||
color: "primary.main",
|
||||
},
|
||||
}}
|
||||
>
|
||||
<ReactMarkdown rehypePlugins={[rehypeRaw]}>
|
||||
{selectedArticle.body}
|
||||
</Typography>
|
||||
</ReactMarkdown>
|
||||
</Box>
|
||||
)}
|
||||
</Box>
|
||||
)}
|
||||
@ -1100,14 +1235,12 @@ export const SightEdit = observer(() => {
|
||||
variant="h4"
|
||||
gutterBottom
|
||||
px={2}
|
||||
py={.5}
|
||||
|
||||
py={0.5}
|
||||
sx={{
|
||||
color: "text.primary",
|
||||
background:
|
||||
"linear-gradient(180deg, hsla(0,0%,100%,.2), hsla(0,0%,100%,0)), hsla(29,15%,65%,.4)",
|
||||
boxShadow: "inset 4px 4px 12px hsla(0,0%,100%,.12)",
|
||||
|
||||
}}
|
||||
>
|
||||
{creatingArticleHeading}
|
||||
@ -1133,7 +1266,6 @@ export const SightEdit = observer(() => {
|
||||
background:
|
||||
"linear-gradient(180deg, hsla(0,0%,100%,.2), hsla(0,0%,100%,0)), hsla(29,15%,65%,.4)",
|
||||
boxShadow: "inset 4px 4px 12px hsla(0,0%,100%,.12)",
|
||||
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
@ -1156,8 +1288,9 @@ export const SightEdit = observer(() => {
|
||||
bgcolor: "transparent",
|
||||
color: "inherit",
|
||||
textDecoration:
|
||||
selectedArticleIndex === index ?
|
||||
"underline" : "none",
|
||||
selectedArticleIndex === index
|
||||
? "underline"
|
||||
: "none",
|
||||
p: 1,
|
||||
borderRadius: 1,
|
||||
}}
|
||||
@ -1184,22 +1317,15 @@ export const SightEdit = observer(() => {
|
||||
footerButtonProps={{ sx: { bottom: 0, left: 0 } }}
|
||||
>
|
||||
<Box sx={{ display: "flex", flexDirection: "row", gap: 2 }}>
|
||||
<Box sx={{ display: "flex", flex: 1, gap: 2, position: "relative" }}>
|
||||
<Box component="form" sx={{ flex: 1, display: "flex", flexDirection: "column" }} autoComplete="off">
|
||||
<Box
|
||||
sx={{ display: "flex", flex: 1, gap: 2, position: "relative" }}
|
||||
>
|
||||
<Box
|
||||
component="form"
|
||||
sx={{ flex: 1, display: "flex", flexDirection: "column" }}
|
||||
autoComplete="off"
|
||||
>
|
||||
<LanguageSelector action={handleLanguageChange} />
|
||||
<TextField
|
||||
{...register("address", {
|
||||
//required: "Это поле является обязательным",
|
||||
})}
|
||||
error={!!(errors as any)?.address}
|
||||
helperText={(errors as any)?.address?.message}
|
||||
margin="normal"
|
||||
fullWidth
|
||||
slotProps={{inputLabel: {shrink: true}}}
|
||||
type="text"
|
||||
label={"Адрес"}
|
||||
name="address"
|
||||
/>
|
||||
|
||||
<Controller
|
||||
control={control}
|
||||
@ -1221,7 +1347,7 @@ export const SightEdit = observer(() => {
|
||||
return item ? item.name : "";
|
||||
}}
|
||||
isOptionEqualToValue={(option, value) => {
|
||||
console.log(cityAutocompleteProps.options)
|
||||
console.log(cityAutocompleteProps.options);
|
||||
return option.id === value?.id;
|
||||
}}
|
||||
filterOptions={(options, { inputValue }) => {
|
||||
@ -1425,7 +1551,9 @@ export const SightEdit = observer(() => {
|
||||
component="span"
|
||||
sx={{
|
||||
color: (theme) =>
|
||||
theme.palette.mode === "dark" ? "grey.300" : "grey.800",
|
||||
theme.palette.mode === "dark"
|
||||
? "grey.300"
|
||||
: "grey.800",
|
||||
}}
|
||||
>
|
||||
{`${addressContent}`}
|
||||
@ -1523,7 +1651,9 @@ export const SightEdit = observer(() => {
|
||||
component="span"
|
||||
sx={{
|
||||
color: (theme) =>
|
||||
theme.palette.mode === "dark" ? "grey.300" : "grey.800",
|
||||
theme.palette.mode === "dark"
|
||||
? "grey.300"
|
||||
: "grey.800",
|
||||
}}
|
||||
>
|
||||
{`${coordinatesPreview.latitude}, ${coordinatesPreview.longitude}`}
|
||||
|
||||
@ -12,8 +12,14 @@ import { CustomDataGrid } from "@components";
|
||||
import { localeText } from "../../locales/ru/localeText";
|
||||
import { observer } from "mobx-react-lite";
|
||||
import { useMany } from "@refinedev/core";
|
||||
import { DatabaseBackup } from "lucide-react";
|
||||
import axios from "axios";
|
||||
import { TOKEN_KEY } from "../../providers/authProvider";
|
||||
import { toast } from "react-toastify";
|
||||
import { useNotification } from "@refinedev/core";
|
||||
|
||||
export const SnapshotList = observer(() => {
|
||||
const notification = useNotification();
|
||||
const { dataGridProps } = useDataGrid({
|
||||
resource: "snapshots",
|
||||
hasPagination: false,
|
||||
@ -47,6 +53,30 @@ export const SnapshotList = observer(() => {
|
||||
return map;
|
||||
}, [parentsData]);
|
||||
|
||||
const handleBackup = async (id: number) => {
|
||||
try {
|
||||
const response = await axios.post(
|
||||
`${import.meta.env.VITE_KRBL_API}/snapshots/${id}/restore`,
|
||||
{},
|
||||
{
|
||||
headers: {
|
||||
Authorization: `Bearer ${localStorage.getItem(TOKEN_KEY)}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
notification?.open({
|
||||
message: "Cнапшот восстановлен",
|
||||
type: "success",
|
||||
});
|
||||
} catch (error) {
|
||||
notification?.open({
|
||||
message: "Ошибка при восстановлении снимка",
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
const columns = React.useMemo<GridColDef[]>(
|
||||
() => [
|
||||
{
|
||||
@ -80,6 +110,12 @@ export const SnapshotList = observer(() => {
|
||||
renderCell: function render({ row }) {
|
||||
return (
|
||||
<>
|
||||
<button
|
||||
className="backup-button"
|
||||
onClick={() => handleBackup(row.ID)}
|
||||
>
|
||||
<DatabaseBackup />
|
||||
</button>
|
||||
<ShowButton hideText recordItemId={row.ID} />
|
||||
<DeleteButton
|
||||
hideText
|
||||
|
||||
@ -19,8 +19,6 @@ axiosInstance.interceptors.request.use((config) => {
|
||||
|
||||
config.headers["X-Language"] = config.headers["Accept-Language"];
|
||||
|
||||
console.log("Request headers:", config.headers);
|
||||
|
||||
return config;
|
||||
});
|
||||
|
||||
|
||||
@ -5703,6 +5703,13 @@ react-swipeable@^7.0.2:
|
||||
resolved "https://registry.npmjs.org/react-swipeable/-/react-swipeable-7.0.2.tgz"
|
||||
integrity sha512-v1Qx1l+aC2fdxKa9aKJiaU/ZxmJ5o98RMoFwUqAAzVWUcxgfHFXDDruCKXhw6zIYXm6V64JiHgP9f6mlME5l8w==
|
||||
|
||||
react-toastify@^11.0.5:
|
||||
version "11.0.5"
|
||||
resolved "https://registry.yarnpkg.com/react-toastify/-/react-toastify-11.0.5.tgz#ce4c42d10eeb433988ab2264d3e445c4e9d13313"
|
||||
integrity sha512-EpqHBGvnSTtHYhCPLxML05NLY2ZX0JURbAdNYa6BUkk+amz4wbKBQvoKQAB0ardvSarUBuY4Q4s1sluAzZwkmA==
|
||||
dependencies:
|
||||
clsx "^2.1.1"
|
||||
|
||||
react-transition-group@^4.4.5:
|
||||
version "4.4.5"
|
||||
resolved "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user