Compare commits
6 Commits
58f99122ab
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| d84001cd68 | |||
|
|
441a1d3eaa | ||
|
|
1b4737b668 | ||
| 5a999541d8 | |||
|
|
cde4765bd7 | ||
|
|
106510e3c9 |
@@ -50,7 +50,7 @@ const Article = () => {
|
||||
#{article.id}
|
||||
</div>
|
||||
</div>
|
||||
{article.tags.length && (
|
||||
{
|
||||
<div className="flex gap-[10px]">
|
||||
{article.tags.map((v, i) => (
|
||||
<div
|
||||
@@ -61,7 +61,7 @@ const Article = () => {
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
}
|
||||
<MarkdownPreview
|
||||
content={article!.content}
|
||||
className="bg-transparent"
|
||||
|
||||
@@ -3,6 +3,7 @@ import Editor from '@monaco-editor/react';
|
||||
import { upload } from '../../../assets/icons/input';
|
||||
import { cn } from '../../../lib/cn';
|
||||
import { DropDownList } from '../../../components/input/DropDownList';
|
||||
import { useParams } from 'react-router-dom';
|
||||
|
||||
const languageMap: Record<string, string> = {
|
||||
c: 'cpp',
|
||||
@@ -23,19 +24,21 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
|
||||
onChange,
|
||||
onChangeLanguage,
|
||||
}) => {
|
||||
const [language, setLanguage] = useState<string>('C++');
|
||||
const { missionId } = useParams<{ missionId: string }>();
|
||||
|
||||
const [code, setCode] = useState<string>('');
|
||||
const [isDragging, setIsDragging] = useState<boolean>(false);
|
||||
|
||||
const items = [
|
||||
{ value: 'c', text: 'C' },
|
||||
{ value: 'C++', text: 'C++' },
|
||||
{ value: 'java', text: 'Java' },
|
||||
{ value: 'python', text: 'Python' },
|
||||
{ value: 'pascal', text: 'Pascal' },
|
||||
{ value: 'kotlin', text: 'Kotlin' },
|
||||
{ value: 'csharp', text: 'C#' },
|
||||
];
|
||||
const [language, setLanguage] = useState<string>('C++');
|
||||
|
||||
const getCodeKey = (missionId?: string) => `mission_${missionId}_code`;
|
||||
|
||||
useEffect(() => {
|
||||
onChange(code);
|
||||
@@ -44,6 +47,24 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
|
||||
onChangeLanguage(language);
|
||||
}, [language]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!missionId || !code) return;
|
||||
|
||||
localStorage.setItem(getCodeKey(missionId), code);
|
||||
}, [code, missionId]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!missionId) return;
|
||||
|
||||
const savedCode = localStorage.getItem(getCodeKey(missionId));
|
||||
|
||||
if (savedCode !== null) {
|
||||
setCode(savedCode);
|
||||
} else {
|
||||
setCode('');
|
||||
}
|
||||
}, [missionId]);
|
||||
|
||||
const handleFileUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
const file = e.target.files?.[0];
|
||||
if (!file) return;
|
||||
@@ -95,7 +116,6 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
|
||||
onChange={(v) => {
|
||||
setLanguage(v);
|
||||
}}
|
||||
defaultState={{ value: 'C++', text: 'C++' }}
|
||||
/>
|
||||
|
||||
<label
|
||||
|
||||
@@ -78,7 +78,7 @@ const replaceImages = (
|
||||
const doc = parser.parseFromString(html, 'text/html');
|
||||
|
||||
const latexImageNames = Array.from(
|
||||
latex.matchAll(/\\includegraphics\{(.+?)\}/g),
|
||||
latex.matchAll(/\\includegraphics(?:\[[^\]]*\])?\{(.+?)\}/g),
|
||||
).map((match) => match[1]);
|
||||
|
||||
const imgs = doc.querySelectorAll<HTMLImageElement>('img.tex-graphics');
|
||||
|
||||
@@ -5,6 +5,7 @@ import { CopyIcon } from '../../../assets/icons/missions';
|
||||
// import FullLatexRenderer from "./FullLatexRenderer";
|
||||
|
||||
import { useState } from 'react';
|
||||
import { toastSuccess } from '../../../lib/toastNotification';
|
||||
|
||||
interface CopyableDivPropd {
|
||||
content: string;
|
||||
@@ -16,7 +17,7 @@ const CopyableDiv: FC<CopyableDivPropd> = ({ content }) => {
|
||||
const handleCopy = async () => {
|
||||
try {
|
||||
await navigator.clipboard.writeText(content);
|
||||
alert('Скопировано!');
|
||||
toastSuccess('Скопировано!');
|
||||
} catch (err) {}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user