Test
+ ++ {children} ++ ) + case 'bulleted-list': + return ( +
+ {children} +
+ ) + } +} + +const Leaf = ({ attributes, children, leaf }) => { + if (leaf.bold) { + children = {children} + } + + if (leaf.code) { + children ={children}
+ }
+
+ if (leaf.italic) {
+ children = {children}
+ }
+
+ if (leaf.underline) {
+ children = {children}
+ }
+
+ return {children}
+}
+
+const BlockButton = ({ format, icon }) => {
+ const editor = useSlate()
+ return (
+
+ )
+}
+
+const MarkButton = ({ format, icon }) => {
+ const editor = useSlate()
+ return (
+
+ )
+}
+
+const initialValue: Descendant[] = [
+ {
+ type: 'paragraph',
+ children: [{ text: 'Add your job requirements / skills', italic: true }],
+ },
+]
diff --git a/src/components/Wysiwig/SlateComponent.tsx b/src/components/Wysiwig/SlateComponent.tsx
new file mode 100644
index 0000000..e66d8ed
--- /dev/null
+++ b/src/components/Wysiwig/SlateComponent.tsx
@@ -0,0 +1,195 @@
+import React, { Ref, PropsWithChildren } from "react";
+import ReactDOM from "react-dom";
+import { cx, css } from "@emotion/css";
+// import { cx, css } from "@emotion/react";
+
+interface BaseProps {
+ className: string;
+ [key: string]: unknown;
+}
+type OrNull` + case 'paragraph': + return `${children}
${children}
` + case 'link': + return `${children}` + default: + return children + } +} diff --git a/src/pages/qr-code-for-vacancy.tsx b/src/pages/qr-code-for-vacancy.tsx new file mode 100644 index 0000000..29514de --- /dev/null +++ b/src/pages/qr-code-for-vacancy.tsx @@ -0,0 +1,13 @@ +import type { NextPage } from "next"; +import Layout from "../Layout/Layout"; +import { VacancyForm } from "../Layout/Main/VacancyForm"; + +const QRVacancy: NextPage = () => { + return ( +