packages/inferencer/src/inferencers/headless/__tests__/__snapshots__/index.test.tsx.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ChakraUIInferencer should match the snapshot 1`] = `
<DocumentFragment>
<div>
<div
style="padding: 16px;"
>
<div
style="display: flex; align-items: center; justify-content: space-between;"
>
<h1>
Posts
</h1>
</div>
<div
style="max-width: 100%; overflow-y: scroll;"
>
<table>
<thead>
<tr>
<th>
Id
</th>
<th>
Title
</th>
<th>
Slug
</th>
<th>
Content
</th>
<th>
Hit
</th>
<th>
Category
</th>
<th>
User
</th>
<th>
Status
</th>
<th>
Status Color
</th>
<th>
Created At
</th>
<th>
Published At
</th>
<th>
Image
</th>
<th>
Tags
</th>
<th>
Language
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
11
</td>
<td>
Nobis exercitationem officia quia est.
</td>
<td>
provident-culpa-facere
</td>
<td>
Non velit blanditiis optio quo quaerat nam aperiam. Odit tempore consequatur voluptatibus molestias. Est nemo aut. Fugit aliquam enim eveniet veritatis. Magni et aut. Consequatur aliquid rerum vero. Quaerat debitis enim magnam. Dolorem est delectus architecto et accusantium. Velit quia vero. Aut necessitatibus quia at consequatur soluta accusantium.
</td>
<td>
920557
</td>
<td>
Numquam Saepe Illo
</td>
<td>
Eriberto Leannon
</td>
<td>
draft
</td>
<td>
orange
</td>
<td>
4/2/2022, 8:25:44 AM
</td>
<td>
8/10/2021, 8:07:39 AM
</td>
<td>
<ul>
<li>
<img
src="http://loremflickr.com/640/480/abstract"
style="height: 50px; max-width: 100px;"
/>
</li>
</ul>
</td>
<td>
<ul>
<li>
Nobis Et Ut
</li>
</ul>
</td>
<td>
2
</td>
</tr>
<tr>
<td>
21
</td>
<td>
Eaque in nesciunt.
</td>
<td>
quod-quos-commodi
</td>
<td>
Ut velit quo. Sed beatae et sit ea. Perferendis pariatur doloremque deleniti sapiente. Doloribus iste est minima quam laboriosam quia aut. Voluptatem hic debitis. Aut et atque sapiente accusamus et labore consequatur quo eligendi. Harum debitis vel in repellat neque dolor. Dolores itaque eveniet minima aut hic ut incidunt officiis. Accusamus debitis quasi est sint recusandae illum ut unde. Doloribus rem et.
</td>
<td>
175149
</td>
<td>
Sit Natus Voluptatibus
</td>
<td>
Tressie Reichel
</td>
<td>
published
</td>
<td>
lime
</td>
<td>
9/24/2022, 8:33:21 AM
</td>
<td>
9/1/2021, 8:33:43 AM
</td>
<td>
<ul>
<li>
<img
src="http://loremflickr.com/640/480/abstract"
style="height: 50px; max-width: 100px;"
/>
</li>
</ul>
</td>
<td>
<ul>
<li>
Error Eos Et
</li>
<li>
Nobis Et Ut
</li>
</ul>
</td>
<td>
2
</td>
</tr>
</tbody>
</table>
</div>
<div
style="margin-top: 12px;"
>
<button
disabled=""
>
<<
</button>
<button
disabled=""
>
<
</button>
<button
disabled=""
>
>
</button>
<button
disabled=""
>
>>
</button>
<span>
<strong>
1 / 1
</strong>
</span>
<span>
| Go to Page:
<input
type="number"
value="1"
/>
</span>
<select>
<option
value="10"
>
Show 10
</option>
<option
value="20"
>
Show 20
</option>
<option
value="30"
>
Show 30
</option>
<option
value="40"
>
Show 40
</option>
<option
value="50"
>
Show 50
</option>
</select>
</div>
</div>
</div>
<div
class="refine-inferencer--code-viewer"
style="position: sticky; bottom: 24px; padding-top: 24px; left: 0px; right: 0px; width: 100%; z-index: 10; display: flex; justify-content: center; transition: all 0.2s ease; opacity: 1; transform: translateY(0);"
>
<div
style="max-width: 1080px; padding: 20px; background-color: rgb(26, 26, 26); box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.5), 0px 8px 32px -8px rgba(0, 0, 0, 0.35); border-radius: 16px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; gap: 12px;"
>
<div
style="display: flex; align-items: flex-start; gap: 8px;"
>
<div>
<svg
fill="none"
height="20"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10Zm0-15a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 10 5Zm0 10c.69 0 1.25-.56 1.25-1.25V10a1.25 1.25 0 1 0-2.5 0v3.75c0 .69.56 1.25 1.25 1.25Z"
fill="#0080FF"
fill-rule="evenodd"
/>
</svg>
</div>
<div
style="font-size: 14px; line-height: 20px; color: rgb(255, 255, 255);"
>
<p
style="padding: 0px; margin: 0px;"
>
Most of the page code is auto-generated by the
<span
style="text-decoration: underline;"
>
Inferencer
</span>
feature, based on your backend data structure.
</p>
<p
style="padding: 0px; margin: 0px;"
>
While this is an excellent way to experiment with refine,
<span
style="font-weight: 600;"
>
it's not intended to be used on production.
</span>
</p>
</div>
</div>
<div>
<button
style="appearance: none; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; transition: all 0.2s ease;"
>
<svg
fill="none"
height="16"
style="flex-shrink: 0;"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 2a1 1 0 0 1 0 2H4v8h8v-1a1 1 0 1 1 2 0v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1Z"
fill="currentColor"
/>
<path
d="M9 2a1 1 0 0 0 0 2h1.586L6.293 8.293a1 1 0 0 0 1.414 1.414L12 5.414V7a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1H9Z"
fill="currentColor"
/>
</svg>
<span>
Show the auto-generated code
</span>
</button>
</div>
</div>
</div>
<div
class="refine-inferencer--code-viewer-modal"
style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); transition: all 0.2s ease; opacity: 0; pointer-events: none; display: flex; justify-content: center; align-items: center;"
>
<div
style="transform: scale(0) translateY(-200px); transition: all 0.25s cubic-bezier(.35,1.29,.81,1.08); transition-delay: 0.25; background-color: rgb(255, 255, 255); max-width: 640px; max-height: 720px; border-radius: 8px; padding: 16px;"
>
<div
style="display: flex; flex-direction: column; height: 100%; width: 100%; gap: 16px;"
>
<div
style="display: flex; justify-content: space-between; align-items: center;"
>
<div
style="font-weight: 700; font-size: 20px; line-height: 32px; color: rgb(13, 13, 13);"
>
Auto-generated code by Inferencer
</div>
<button
style="flex-shrink: 0; appearance: none; background: none; padding: 0px; margin: 0px; outline: none; border-radius: 50px; width: 32px; height: 32px; cursor: pointer; transition: all 0.15s ease;"
>
<svg
fill="none"
height="32"
width="32"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16-7.163 16-16 16Zm-2.586-21.414a2 2 0 1 0-2.828 2.828L13.172 16l-2.586 2.586a2 2 0 1 0 2.828 2.828L16 18.828l2.586 2.586a2 2 0 1 0 2.828-2.828L18.828 16l2.586-2.586a2 2 0 1 0-2.828-2.828L16 13.172l-2.586-2.586Z"
fill="#A6A6A6"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
<div
style="font-size: 13px; border-radius: 8px; flex: 1; overflow: scroll; background: rgb(30, 30, 30);"
>
<pre
class="prism-code language-tsx"
style="color: rgb(156, 220, 254); background-color: rgb(30, 30, 30); padding: 14px 14px 14px 14px; margin: 0px; width: 100%; box-sizing: border-box;"
>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports maybe-class-name"
>
React
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"react"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token imports"
>
useNavigation
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token imports"
>
</span>
<span
class="token imports maybe-class-name"
>
GetManyResponse
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token imports"
>
useMany
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"@refinedev/core"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token imports"
>
useTable
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"@refinedev/react-table"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token imports"
>
</span>
<span
class="token imports maybe-class-name"
>
ColumnDef
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token imports"
>
flexRender
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"@tanstack/react-table"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
export
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token function-variable function"
style="color: rgb(220, 220, 170);"
>
PostList
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
columns
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token maybe-class-name"
>
React
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
useMemo
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token maybe-class-name"
>
ColumnDef
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"id"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"id"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Id"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"title"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"title"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Title"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"slug"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"slug"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Slug"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"content"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"content"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Content"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"hit"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"hit"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Hit"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"category"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Category"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"category.id"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function-variable function"
style="color: rgb(220, 220, 170);"
>
cell
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
function
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
render
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
getValue
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
table
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
meta
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
table
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
options
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
meta
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
categoryData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token maybe-class-name"
>
GetManyResponse
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
try
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
category
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
meta
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
categoryData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
find
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
id
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
==
</span>
<span
class="token plain"
>
</span>
<span
class="token generic-function function"
style="color: rgb(220, 220, 170);"
>
getValue
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token generic-function generic class-name builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
category
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
title
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
??
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Loading..."
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
catch
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
error
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
null
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"user"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"User"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"user.id"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function-variable function"
style="color: rgb(220, 220, 170);"
>
cell
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
function
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
render
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
getValue
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
table
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
meta
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
table
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
options
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
meta
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
userData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token maybe-class-name"
>
GetManyResponse
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
try
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
user
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
meta
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
userData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
find
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
id
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
==
</span>
<span
class="token plain"
>
</span>
<span
class="token generic-function function"
style="color: rgb(220, 220, 170);"
>
getValue
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token generic-function generic class-name builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
user
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
firstName
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
+
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
" "
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
+
</span>
<span
class="token plain"
>
user
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
lastName
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
??
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Loading..."
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
catch
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
error
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
null
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"status"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"status"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Status"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"status_color"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"status_color"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Status Color"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"createdAt"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"createdAt"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Created At"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function-variable function"
style="color: rgb(220, 220, 170);"
>
cell
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
function
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
render
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
getValue
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
new
</span>
<span
class="token plain"
>
</span>
<span
class="token class-name"
style="color: rgb(78, 201, 176);"
>
Date
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token generic-function function"
style="color: rgb(220, 220, 170);"
>
getValue
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token generic-function generic class-name builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
toLocaleString
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
undefined
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
timeZone
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"UTC"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"publishedAt"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"publishedAt"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Published At"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function-variable function"
style="color: rgb(220, 220, 170);"
>
cell
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
function
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
render
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
getValue
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
new
</span>
<span
class="token plain"
>
</span>
<span
class="token class-name"
style="color: rgb(78, 201, 176);"
>
Date
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token generic-function function"
style="color: rgb(220, 220, 170);"
>
getValue
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token generic-function generic class-name builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
toLocaleString
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
undefined
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
timeZone
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"UTC"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"image"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"image"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Image"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function-variable function"
style="color: rgb(220, 220, 170);"
>
cell
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
function
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
render
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
getValue
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
try
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
ul
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token generic-function function"
style="color: rgb(220, 220, 170);"
>
getValue
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token generic-function generic class-name builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token generic-function generic class-name punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token generic-function generic class-name punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
index
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
li
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
index
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
img
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
src
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
item
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
url
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
height
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"50px"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
maxWidth
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"100px"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
li
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
ul
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
catch
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
error
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
null
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"tags"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Tags"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"tags"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function-variable function"
style="color: rgb(220, 220, 170);"
>
cell
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
function
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
render
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
getValue
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
table
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
meta
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
table
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
options
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
meta
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
tagsData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token maybe-class-name"
>
GetManyResponse
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token generic-function function"
style="color: rgb(220, 220, 170);"
>
getValue
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token generic-function generic class-name builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token generic-function generic class-name punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token generic-function generic class-name punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token generic-function generic class-name operator"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
meta
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
tagsData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
find
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
resourceItems
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
resourceItems
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
id
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
===
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
ul
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
index
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
li
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
index
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
item
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
title
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
li
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
ul
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"language"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
accessorKey
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"language"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"Language"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
getHeaderGroups
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
getRowModel
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
setOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
refineCore
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
tableQueryResult
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
tableData
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
getState
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
setPageIndex
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
getCanPreviousPage
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
getPageCount
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
getCanNextPage
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
nextPage
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
previousPage
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
setPageSize
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
getColumn
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useTable
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
columns
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
refineCoreProps
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"posts"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
categoryData
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useMany
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"categories"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
ids
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
tableData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
item
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
category
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
??
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
queryOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
enabled
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token plain"
>
tableData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
userData
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useMany
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"users"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
ids
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
tableData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
item
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
user
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
??
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
queryOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
enabled
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token plain"
>
tableData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
tagsData
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useMany
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"tags"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
ids
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
concat
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
tableData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
item
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
item
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
??
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
queryOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
enabled
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token plain"
>
tableData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
setOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
prev
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token plain"
>
prev
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
meta
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token plain"
>
prev
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
meta
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
categoryData
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
userData
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
tagsData
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
padding
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"16px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
display
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"flex"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
alignItems
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"center"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
justifyContent
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"space-between"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Posts
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
maxWidth
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"100%"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
overflowY
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"scroll"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
table
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
thead
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
getHeaderGroups
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
headerGroup
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
tr
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
headerGroup
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
id
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
headerGroup
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
headers
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
header
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
th
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
header
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
id
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token plain"
>
header
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
isPlaceholder
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
&&
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
flexRender
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
column
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
columnDef
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
header
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
header
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
getContext
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
th
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
tr
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
thead
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
tbody
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
getRowModel
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
rows
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
row
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
tr
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
row
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
id
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
row
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
getVisibleCells
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
cell
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
td
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
cell
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
id
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
flexRender
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
cell
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
column
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
columnDef
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
cell
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
cell
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
getContext
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
td
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
tr
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
tbody
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
table
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"12px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onClick
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
setPageIndex
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript number"
style="color: rgb(181, 206, 168);"
>
0
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
disabled
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
getCanPreviousPage
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"<<"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onClick
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
previousPage
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
disabled
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
getCanPreviousPage
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"<"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onClick
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
nextPage
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
disabled
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
getCanNextPage
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
">"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onClick
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
setPageIndex
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
getPageCount
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
-
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript number"
style="color: rgb(181, 206, 168);"
>
1
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
disabled
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
getCanNextPage
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
">>"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
strong
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
" "
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
getState
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
pagination
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
pageIndex
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
+
</span>
<span
class="token plain"
>
</span>
<span
class="token number"
style="color: rgb(181, 206, 168);"
>
1
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
>
/
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
getPageCount
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
" "
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
strong
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
| Go to Page:
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
" "
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
number
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
defaultValue
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
getState
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
pagination
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
pageIndex
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
+
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript number"
style="color: rgb(181, 206, 168);"
>
1
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onChange
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
e
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
page
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
e
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
target
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
?
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript known-class-name class-name"
style="color: rgb(78, 201, 176);"
>
Number
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
e
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
target
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
-
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript number"
style="color: rgb(181, 206, 168);"
>
1
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript number"
style="color: rgb(181, 206, 168);"
>
0
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
setPageIndex
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
page
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
" "
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
value
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
getState
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
pagination
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
pageSize
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onChange
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
e
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
setPageSize
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript known-class-name class-name"
style="color: rgb(78, 201, 176);"
>
Number
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
e
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
target
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token number"
style="color: rgb(181, 206, 168);"
>
10
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
</span>
<span
class="token number"
style="color: rgb(181, 206, 168);"
>
20
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
</span>
<span
class="token number"
style="color: rgb(181, 206, 168);"
>
30
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
</span>
<span
class="token number"
style="color: rgb(181, 206, 168);"
>
40
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
</span>
<span
class="token number"
style="color: rgb(181, 206, 168);"
>
50
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
pageSize
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
pageSize
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
value
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
pageSize
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
Show
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
pageSize
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
</pre>
</div>
<div
style="display: flex; justify-content: flex-start; align-items: flex-end; gap: 16px;"
>
<button
style="appearance: none; height: 40px; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; position: relative; overflow: hidden; transition: filter 0.2s ease; transform: scale(1);"
>
<svg
fill="none"
height="20"
style="flex-shrink: 0; margin-top: -2px; margin-bottom: -2px;"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M8 5a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h1Zm0 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H9Z"
fill="currentColor"
fill-rule="evenodd"
/>
<path
d="M13 4a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2h2Z"
fill="currentColor"
/>
</svg>
<span>
Copy Generated Code
</span>
<div
style="position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); transition: all 0.2s ease; transform: translateY(40px);"
>
<svg
fill="none"
height="20"
style="flex-shrink: 0; margin-top: -2px; margin-bottom: -2px;"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M8 5a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h1Zm0 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H9Z"
fill="currentColor"
fill-rule="evenodd"
/>
<path
d="M13 4a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2h2Z"
fill="currentColor"
/>
</svg>
<span>
Copied!
</span>
</div>
</button>
<a
href="https://refine.dev/docs/packages/documentation/inferencer"
rel="noreferrer"
style="appearance: none; text-decoration: none; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgba(0, 128, 255, 0.1); color: rgb(0, 128, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; transition: all 0.2s ease;"
target="_blank"
>
<svg
fill="none"
height="16"
style="flex-shrink: 0;"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 2a1 1 0 0 1 0 2H4v8h8v-1a1 1 0 1 1 2 0v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1Z"
fill="currentColor"
/>
<path
d="M9 2a1 1 0 0 0 0 2h1.586L6.293 8.293a1 1 0 0 0 1.414 1.414L12 5.414V7a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1H9Z"
fill="currentColor"
/>
</svg>
<span>
Learn more about inferencer
</span>
</a>
</div>
</div>
</div>
</div>
</DocumentFragment>
`;
exports[`ChakraUIInferencer should match the snapshot 2`] = `
<DocumentFragment>
<div>
<div
style="padding: 16px;"
>
<div
style="display: flex; justify-content: space-between;"
>
<h1>
Post Create
</h1>
<div>
<button>
Posts
</button>
</div>
</div>
<form>
<div
style="display: flex; flex-direction: column; gap: 8px;"
>
<label>
<span
style="margin-right: 8px;"
>
Title
</span>
<input
name="title"
type="text"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Slug
</span>
<input
name="slug"
type="text"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Content
</span>
<textarea
cols="33"
name="content"
rows="5"
style="vertical-align: top;"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Hit
</span>
<input
name="hit"
type="number"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Category
</span>
<select
name="category.id"
placeholder="Select category"
>
<option
value="16"
>
Numquam Saepe Illo
</option>
<option
value="7"
>
Sit Natus Voluptatibus
</option>
</select>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
User
</span>
<select
name="user.id"
placeholder="Select user"
>
<option
value="21"
>
Eriberto
</option>
<option
value="49"
>
Tressie
</option>
</select>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Status
</span>
<input
name="status"
type="text"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Status Color
</span>
<input
name="status_color"
type="text"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Created At
</span>
<input
name="createdAt"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Published At
</span>
<input
name="publishedAt"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Tags
</span>
<select
name="tags"
placeholder="Select tag"
>
<option
value="5"
>
Error Eos Et
</option>
<option
value="9"
>
Nobis Et Ut
</option>
</select>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Language
</span>
<input
name="language"
type="number"
/>
<span
style="color: red;"
/>
</label>
<div>
<input
type="submit"
value="Save"
/>
</div>
</div>
</form>
</div>
</div>
<div
class="refine-inferencer--code-viewer"
style="position: sticky; bottom: 24px; padding-top: 24px; left: 0px; right: 0px; width: 100%; z-index: 10; display: flex; justify-content: center; transition: all 0.2s ease; opacity: 1; transform: translateY(0);"
>
<div
style="max-width: 1080px; padding: 20px; background-color: rgb(26, 26, 26); box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.5), 0px 8px 32px -8px rgba(0, 0, 0, 0.35); border-radius: 16px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; gap: 12px;"
>
<div
style="display: flex; align-items: flex-start; gap: 8px;"
>
<div>
<svg
fill="none"
height="20"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10Zm0-15a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 10 5Zm0 10c.69 0 1.25-.56 1.25-1.25V10a1.25 1.25 0 1 0-2.5 0v3.75c0 .69.56 1.25 1.25 1.25Z"
fill="#0080FF"
fill-rule="evenodd"
/>
</svg>
</div>
<div
style="font-size: 14px; line-height: 20px; color: rgb(255, 255, 255);"
>
<p
style="padding: 0px; margin: 0px;"
>
Most of the page code is auto-generated by the
<span
style="text-decoration: underline;"
>
Inferencer
</span>
feature, based on your backend data structure.
</p>
<p
style="padding: 0px; margin: 0px;"
>
While this is an excellent way to experiment with refine,
<span
style="font-weight: 600;"
>
it's not intended to be used on production.
</span>
</p>
</div>
</div>
<div>
<button
style="appearance: none; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; transition: all 0.2s ease;"
>
<svg
fill="none"
height="16"
style="flex-shrink: 0;"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 2a1 1 0 0 1 0 2H4v8h8v-1a1 1 0 1 1 2 0v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1Z"
fill="currentColor"
/>
<path
d="M9 2a1 1 0 0 0 0 2h1.586L6.293 8.293a1 1 0 0 0 1.414 1.414L12 5.414V7a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1H9Z"
fill="currentColor"
/>
</svg>
<span>
Show the auto-generated code
</span>
</button>
</div>
</div>
</div>
<div
class="refine-inferencer--code-viewer-modal"
style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); transition: all 0.2s ease; opacity: 0; pointer-events: none; display: flex; justify-content: center; align-items: center;"
>
<div
style="transform: scale(0) translateY(-200px); transition: all 0.25s cubic-bezier(.35,1.29,.81,1.08); transition-delay: 0.25; background-color: rgb(255, 255, 255); max-width: 640px; max-height: 720px; border-radius: 8px; padding: 16px;"
>
<div
style="display: flex; flex-direction: column; height: 100%; width: 100%; gap: 16px;"
>
<div
style="display: flex; justify-content: space-between; align-items: center;"
>
<div
style="font-weight: 700; font-size: 20px; line-height: 32px; color: rgb(13, 13, 13);"
>
Auto-generated code by Inferencer
</div>
<button
style="flex-shrink: 0; appearance: none; background: none; padding: 0px; margin: 0px; outline: none; border-radius: 50px; width: 32px; height: 32px; cursor: pointer; transition: all 0.15s ease;"
>
<svg
fill="none"
height="32"
width="32"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16-7.163 16-16 16Zm-2.586-21.414a2 2 0 1 0-2.828 2.828L13.172 16l-2.586 2.586a2 2 0 1 0 2.828 2.828L16 18.828l2.586 2.586a2 2 0 1 0 2.828-2.828L18.828 16l2.586-2.586a2 2 0 1 0-2.828-2.828L16 13.172l-2.586-2.586Z"
fill="#A6A6A6"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
<div
style="font-size: 13px; border-radius: 8px; flex: 1; overflow: scroll; background: rgb(30, 30, 30);"
>
<pre
class="prism-code language-tsx"
style="color: rgb(156, 220, 254); background-color: rgb(30, 30, 30); padding: 14px 14px 14px 14px; margin: 0px; width: 100%; box-sizing: border-box;"
>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports maybe-class-name"
>
React
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"react"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token imports"
>
useNavigation
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token imports"
>
useSelect
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"@refinedev/core"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token imports"
>
useForm
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"@refinedev/react-hook-form"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
export
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token function-variable function"
style="color: rgb(220, 220, 170);"
>
PostCreate
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
list
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useNavigation
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
refineCore
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
onFinish
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
formLoading
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
register
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
handleSubmit
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resetField
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
formState
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useForm
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
refineCoreProps
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"posts"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
action
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"create"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
options
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
categoryOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useSelect
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"categories"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
options
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
userOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useSelect
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"users"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
optionLabel
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"firstName"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
options
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
tagsOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useSelect
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"tags"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
padding
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"16px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
display
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"flex"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
justifyContent
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"space-between"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Post Create
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onClick
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
list
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"posts"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
Posts
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
form
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onSubmit
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
handleSubmit
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
onFinish
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
display
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"flex"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
flexDirection
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"column"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
gap
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Title
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
text
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"title"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
title
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Slug
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
text
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"slug"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
slug
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Content
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
textarea
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
rows
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript number"
style="color: rgb(181, 206, 168);"
>
5
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
cols
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript number"
style="color: rgb(181, 206, 168);"
>
33
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
verticalAlign
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"top"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"content"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
content
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Hit
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
number
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"hit"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
valueAsNumber
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread boolean"
style="color: rgb(78, 201, 176);"
>
true
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
hit
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Category
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
placeholder
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
Select category
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"category.id"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
categoryOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
value
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
label
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
category
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
User
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
placeholder
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
Select user
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"user.id"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
userOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
value
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
label
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
user
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Status
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
text
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"status"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
status
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Status Color
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
text
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"status_color"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
status_color
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Created At
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"createdAt"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
createdAt
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Published At
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"publishedAt"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
publishedAt
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Tags
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
placeholder
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
Select tag
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"tags"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread boolean"
style="color: rgb(78, 201, 176);"
>
false
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
tagsOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
value
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
label
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Language
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
number
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"language"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
valueAsNumber
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread boolean"
style="color: rgb(78, 201, 176);"
>
true
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
language
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
submit
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
value
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
Save
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
form
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
</pre>
</div>
<div
style="display: flex; justify-content: flex-start; align-items: flex-end; gap: 16px;"
>
<button
style="appearance: none; height: 40px; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; position: relative; overflow: hidden; transition: filter 0.2s ease; transform: scale(1);"
>
<svg
fill="none"
height="20"
style="flex-shrink: 0; margin-top: -2px; margin-bottom: -2px;"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M8 5a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h1Zm0 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H9Z"
fill="currentColor"
fill-rule="evenodd"
/>
<path
d="M13 4a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2h2Z"
fill="currentColor"
/>
</svg>
<span>
Copy Generated Code
</span>
<div
style="position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); transition: all 0.2s ease; transform: translateY(40px);"
>
<svg
fill="none"
height="20"
style="flex-shrink: 0; margin-top: -2px; margin-bottom: -2px;"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M8 5a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h1Zm0 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H9Z"
fill="currentColor"
fill-rule="evenodd"
/>
<path
d="M13 4a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2h2Z"
fill="currentColor"
/>
</svg>
<span>
Copied!
</span>
</div>
</button>
<a
href="https://refine.dev/docs/packages/documentation/inferencer"
rel="noreferrer"
style="appearance: none; text-decoration: none; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgba(0, 128, 255, 0.1); color: rgb(0, 128, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; transition: all 0.2s ease;"
target="_blank"
>
<svg
fill="none"
height="16"
style="flex-shrink: 0;"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 2a1 1 0 0 1 0 2H4v8h8v-1a1 1 0 1 1 2 0v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1Z"
fill="currentColor"
/>
<path
d="M9 2a1 1 0 0 0 0 2h1.586L6.293 8.293a1 1 0 0 0 1.414 1.414L12 5.414V7a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1H9Z"
fill="currentColor"
/>
</svg>
<span>
Learn more about inferencer
</span>
</a>
</div>
</div>
</div>
</div>
</DocumentFragment>
`;
exports[`ChakraUIInferencer should match the snapshot 3`] = `
<DocumentFragment>
<div>
<div
style="padding: 16px;"
>
<div
style="display: flex; justify-content: space-between;"
>
<h1>
Post Edit
</h1>
<div>
<button>
Posts
</button>
</div>
</div>
<form>
<div
style="display: flex; flex-direction: column; gap: 8px;"
>
<label>
<span
style="margin-right: 8px;"
>
Id
</span>
<input
disabled=""
name="id"
type="number"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Title
</span>
<input
name="title"
type="text"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Slug
</span>
<input
name="slug"
type="text"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Content
</span>
<textarea
cols="33"
name="content"
rows="5"
style="vertical-align: top;"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Hit
</span>
<input
name="hit"
type="number"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Category
</span>
<select
name="category.id"
placeholder="Select category"
>
<option
value="16"
>
Numquam Saepe Illo
</option>
<option
value="7"
>
Sit Natus Voluptatibus
</option>
</select>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
User
</span>
<select
name="user.id"
placeholder="Select user"
>
<option
value="21"
>
Eriberto
</option>
<option
value="49"
>
Tressie
</option>
</select>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Status
</span>
<input
name="status"
type="text"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Status Color
</span>
<input
name="status_color"
type="text"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Created At
</span>
<input
name="createdAt"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Published At
</span>
<input
name="publishedAt"
/>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Tags
</span>
<select
name="tags"
placeholder="Select tag"
>
<option
value="5"
>
Error Eos Et
</option>
<option
value="9"
>
Nobis Et Ut
</option>
</select>
<span
style="color: red;"
/>
</label>
<label>
<span
style="margin-right: 8px;"
>
Language
</span>
<input
name="language"
type="number"
/>
<span
style="color: red;"
/>
</label>
<div>
<input
type="submit"
value="Save"
/>
</div>
</div>
</form>
</div>
</div>
<div
class="refine-inferencer--code-viewer"
style="position: sticky; bottom: 24px; padding-top: 24px; left: 0px; right: 0px; width: 100%; z-index: 10; display: flex; justify-content: center; transition: all 0.2s ease; opacity: 1; transform: translateY(0);"
>
<div
style="max-width: 1080px; padding: 20px; background-color: rgb(26, 26, 26); box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.5), 0px 8px 32px -8px rgba(0, 0, 0, 0.35); border-radius: 16px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; gap: 12px;"
>
<div
style="display: flex; align-items: flex-start; gap: 8px;"
>
<div>
<svg
fill="none"
height="20"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10Zm0-15a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 10 5Zm0 10c.69 0 1.25-.56 1.25-1.25V10a1.25 1.25 0 1 0-2.5 0v3.75c0 .69.56 1.25 1.25 1.25Z"
fill="#0080FF"
fill-rule="evenodd"
/>
</svg>
</div>
<div
style="font-size: 14px; line-height: 20px; color: rgb(255, 255, 255);"
>
<p
style="padding: 0px; margin: 0px;"
>
Most of the page code is auto-generated by the
<span
style="text-decoration: underline;"
>
Inferencer
</span>
feature, based on your backend data structure.
</p>
<p
style="padding: 0px; margin: 0px;"
>
While this is an excellent way to experiment with refine,
<span
style="font-weight: 600;"
>
it's not intended to be used on production.
</span>
</p>
</div>
</div>
<div>
<button
style="appearance: none; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; transition: all 0.2s ease;"
>
<svg
fill="none"
height="16"
style="flex-shrink: 0;"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 2a1 1 0 0 1 0 2H4v8h8v-1a1 1 0 1 1 2 0v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1Z"
fill="currentColor"
/>
<path
d="M9 2a1 1 0 0 0 0 2h1.586L6.293 8.293a1 1 0 0 0 1.414 1.414L12 5.414V7a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1H9Z"
fill="currentColor"
/>
</svg>
<span>
Show the auto-generated code
</span>
</button>
</div>
</div>
</div>
<div
class="refine-inferencer--code-viewer-modal"
style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); transition: all 0.2s ease; opacity: 0; pointer-events: none; display: flex; justify-content: center; align-items: center;"
>
<div
style="transform: scale(0) translateY(-200px); transition: all 0.25s cubic-bezier(.35,1.29,.81,1.08); transition-delay: 0.25; background-color: rgb(255, 255, 255); max-width: 640px; max-height: 720px; border-radius: 8px; padding: 16px;"
>
<div
style="display: flex; flex-direction: column; height: 100%; width: 100%; gap: 16px;"
>
<div
style="display: flex; justify-content: space-between; align-items: center;"
>
<div
style="font-weight: 700; font-size: 20px; line-height: 32px; color: rgb(13, 13, 13);"
>
Auto-generated code by Inferencer
</div>
<button
style="flex-shrink: 0; appearance: none; background: none; padding: 0px; margin: 0px; outline: none; border-radius: 50px; width: 32px; height: 32px; cursor: pointer; transition: all 0.15s ease;"
>
<svg
fill="none"
height="32"
width="32"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16-7.163 16-16 16Zm-2.586-21.414a2 2 0 1 0-2.828 2.828L13.172 16l-2.586 2.586a2 2 0 1 0 2.828 2.828L16 18.828l2.586 2.586a2 2 0 1 0 2.828-2.828L18.828 16l2.586-2.586a2 2 0 1 0-2.828-2.828L16 13.172l-2.586-2.586Z"
fill="#A6A6A6"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
<div
style="font-size: 13px; border-radius: 8px; flex: 1; overflow: scroll; background: rgb(30, 30, 30);"
>
<pre
class="prism-code language-tsx"
style="color: rgb(156, 220, 254); background-color: rgb(30, 30, 30); padding: 14px 14px 14px 14px; margin: 0px; width: 100%; box-sizing: border-box;"
>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports maybe-class-name"
>
React
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"react"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token imports"
>
useNavigation
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token imports"
>
useSelect
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"@refinedev/core"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token imports"
>
useForm
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"@refinedev/react-hook-form"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
export
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token function-variable function"
style="color: rgb(220, 220, 170);"
>
PostEdit
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
list
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useNavigation
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
refineCore
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
onFinish
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
formLoading
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
queryResult
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
register
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
handleSubmit
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
setValue
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
formState
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useForm
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
refineCoreProps
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"posts"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"11"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
action
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"edit"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
postsData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
queryResult
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
options
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
categoryOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useSelect
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"categories"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
defaultValue
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
postsData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
category
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token maybe-class-name"
>
React
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
useEffect
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
setValue
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"category.id"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
postsData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
category
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token plain"
>
categoryOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
options
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
userOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useSelect
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"users"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
defaultValue
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
postsData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
user
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
optionLabel
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"firstName"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token maybe-class-name"
>
React
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
useEffect
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
setValue
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"user.id"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
postsData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
user
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token plain"
>
userOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
options
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
tagsOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useSelect
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"tags"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
defaultValue
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
postsData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token maybe-class-name"
>
React
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
useEffect
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
setValue
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"tags"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
postsData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token plain"
>
tagsOptions
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
padding
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"16px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
display
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"flex"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
justifyContent
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"space-between"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Post Edit
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onClick
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
list
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"posts"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
Posts
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
form
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onSubmit
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
handleSubmit
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
onFinish
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
display
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"flex"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
flexDirection
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"column"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
gap
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Id
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
disabled
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
number
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"id"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
valueAsNumber
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread boolean"
style="color: rgb(78, 201, 176);"
>
true
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Title
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
text
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"title"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
title
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Slug
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
text
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"slug"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
slug
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Content
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
textarea
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
rows
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript number"
style="color: rgb(181, 206, 168);"
>
5
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
cols
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript number"
style="color: rgb(181, 206, 168);"
>
33
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
verticalAlign
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"top"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"content"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
content
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Hit
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
number
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"hit"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
valueAsNumber
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread boolean"
style="color: rgb(78, 201, 176);"
>
true
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
hit
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Category
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
placeholder
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
Select category
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"category.id"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
categoryOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
value
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
label
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
category
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
User
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
placeholder
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
Select user
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"user.id"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
userOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
value
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
label
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
user
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Status
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
text
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"status"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
status
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Status Color
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
text
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"status_color"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
status_color
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Created At
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"createdAt"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
createdAt
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Published At
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"publishedAt"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
publishedAt
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Tags
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
placeholder
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
Select tag
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"tags"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread boolean"
style="color: rgb(78, 201, 176);"
>
false
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
tagsOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
value
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token tag script language-javascript property-access"
style="color: rgb(78, 201, 176);"
>
value
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
option
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token property-access"
>
label
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
option
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
select
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginRight
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Language
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
number
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
...
</span>
<span
class="token tag spread method function property-access"
style="color: rgb(220, 220, 170);"
>
register
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"language"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
required
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread string"
style="color: rgb(206, 145, 120);"
>
"This field is required"
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
valueAsNumber
</span>
<span
class="token tag spread operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread boolean"
style="color: rgb(78, 201, 176);"
>
true
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag spread"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag spread punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
color
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"red"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
errors
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
language
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
message
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
as
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
string
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
span
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
label
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
input
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
type
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
submit
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
value
</span>
<span
class="token tag attr-value punctuation attr-equals"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag attr-value"
style="color: rgb(206, 145, 120);"
>
Save
</span>
<span
class="token tag attr-value punctuation"
style="color: rgb(212, 212, 212);"
>
"
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
form
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
</pre>
</div>
<div
style="display: flex; justify-content: flex-start; align-items: flex-end; gap: 16px;"
>
<button
style="appearance: none; height: 40px; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; position: relative; overflow: hidden; transition: filter 0.2s ease; transform: scale(1);"
>
<svg
fill="none"
height="20"
style="flex-shrink: 0; margin-top: -2px; margin-bottom: -2px;"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M8 5a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h1Zm0 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H9Z"
fill="currentColor"
fill-rule="evenodd"
/>
<path
d="M13 4a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2h2Z"
fill="currentColor"
/>
</svg>
<span>
Copy Generated Code
</span>
<div
style="position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); transition: all 0.2s ease; transform: translateY(40px);"
>
<svg
fill="none"
height="20"
style="flex-shrink: 0; margin-top: -2px; margin-bottom: -2px;"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M8 5a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h1Zm0 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H9Z"
fill="currentColor"
fill-rule="evenodd"
/>
<path
d="M13 4a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2h2Z"
fill="currentColor"
/>
</svg>
<span>
Copied!
</span>
</div>
</button>
<a
href="https://refine.dev/docs/packages/documentation/inferencer"
rel="noreferrer"
style="appearance: none; text-decoration: none; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgba(0, 128, 255, 0.1); color: rgb(0, 128, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; transition: all 0.2s ease;"
target="_blank"
>
<svg
fill="none"
height="16"
style="flex-shrink: 0;"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 2a1 1 0 0 1 0 2H4v8h8v-1a1 1 0 1 1 2 0v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1Z"
fill="currentColor"
/>
<path
d="M9 2a1 1 0 0 0 0 2h1.586L6.293 8.293a1 1 0 0 0 1.414 1.414L12 5.414V7a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1H9Z"
fill="currentColor"
/>
</svg>
<span>
Learn more about inferencer
</span>
</a>
</div>
</div>
</div>
</div>
</DocumentFragment>
`;
exports[`ChakraUIInferencer should match the snapshot 4`] = `
<DocumentFragment>
<div>
<div
style="padding: 16px;"
>
<div
style="display: flex; align-items: center; justify-content: space-between;"
>
<h1>
Post Show
</h1>
<div
style="display: flex; gap: 8px;"
>
<button>
Posts
</button>
</div>
</div>
<div>
<div
style="margin-top: 6px;"
>
<h5>
Id
</h5>
<div>
11
</div>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Title
</h5>
<div>
Nobis exercitationem officia quia est.
</div>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Slug
</h5>
<div>
provident-culpa-facere
</div>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Content
</h5>
<p>
Non velit blanditiis optio quo quaerat nam aperiam. Odit tempore consequatur voluptatibus molestias. Est nemo aut. Fugit aliquam enim eveniet veritatis. Magni et aut. Consequatur aliquid rerum vero. Quaerat debitis enim magnam. Dolorem est delectus architecto et accusantium. Velit quia vero. Aut necessitatibus quia at consequatur soluta accusantium.
</p>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Hit
</h5>
<div>
920557
</div>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Category
</h5>
<div>
Numquam Saepe Illo
</div>
</div>
<div
style="margin-top: 6px;"
>
<h5>
User
</h5>
<div>
Eriberto Leannon
</div>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Status
</h5>
<div>
draft
</div>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Status Color
</h5>
<div>
orange
</div>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Created At
</h5>
<div>
4/2/2022, 8:25:44 AM
</div>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Published At
</h5>
<div>
8/10/2021, 8:07:39 AM
</div>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Image
</h5>
<ul>
<li>
<img
src="http://loremflickr.com/640/480/abstract"
style="max-width: 200px;"
/>
</li>
</ul>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Tags
</h5>
<ul>
<li>
Error Eos Et
</li>
<li>
Nobis Et Ut
</li>
</ul>
</div>
<div
style="margin-top: 6px;"
>
<h5>
Language
</h5>
<div>
2
</div>
</div>
</div>
</div>
</div>
<div
class="refine-inferencer--code-viewer"
style="position: sticky; bottom: 24px; padding-top: 24px; left: 0px; right: 0px; width: 100%; z-index: 10; display: flex; justify-content: center; transition: all 0.2s ease; opacity: 1; transform: translateY(0);"
>
<div
style="max-width: 1080px; padding: 20px; background-color: rgb(26, 26, 26); box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.5), 0px 8px 32px -8px rgba(0, 0, 0, 0.35); border-radius: 16px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; gap: 12px;"
>
<div
style="display: flex; align-items: flex-start; gap: 8px;"
>
<div>
<svg
fill="none"
height="20"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10Zm0-15a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 10 5Zm0 10c.69 0 1.25-.56 1.25-1.25V10a1.25 1.25 0 1 0-2.5 0v3.75c0 .69.56 1.25 1.25 1.25Z"
fill="#0080FF"
fill-rule="evenodd"
/>
</svg>
</div>
<div
style="font-size: 14px; line-height: 20px; color: rgb(255, 255, 255);"
>
<p
style="padding: 0px; margin: 0px;"
>
Most of the page code is auto-generated by the
<span
style="text-decoration: underline;"
>
Inferencer
</span>
feature, based on your backend data structure.
</p>
<p
style="padding: 0px; margin: 0px;"
>
While this is an excellent way to experiment with refine,
<span
style="font-weight: 600;"
>
it's not intended to be used on production.
</span>
</p>
</div>
</div>
<div>
<button
style="appearance: none; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; transition: all 0.2s ease;"
>
<svg
fill="none"
height="16"
style="flex-shrink: 0;"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 2a1 1 0 0 1 0 2H4v8h8v-1a1 1 0 1 1 2 0v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1Z"
fill="currentColor"
/>
<path
d="M9 2a1 1 0 0 0 0 2h1.586L6.293 8.293a1 1 0 0 0 1.414 1.414L12 5.414V7a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1H9Z"
fill="currentColor"
/>
</svg>
<span>
Show the auto-generated code
</span>
</button>
</div>
</div>
</div>
<div
class="refine-inferencer--code-viewer-modal"
style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); transition: all 0.2s ease; opacity: 0; pointer-events: none; display: flex; justify-content: center; align-items: center;"
>
<div
style="transform: scale(0) translateY(-200px); transition: all 0.25s cubic-bezier(.35,1.29,.81,1.08); transition-delay: 0.25; background-color: rgb(255, 255, 255); max-width: 640px; max-height: 720px; border-radius: 8px; padding: 16px;"
>
<div
style="display: flex; flex-direction: column; height: 100%; width: 100%; gap: 16px;"
>
<div
style="display: flex; justify-content: space-between; align-items: center;"
>
<div
style="font-weight: 700; font-size: 20px; line-height: 32px; color: rgb(13, 13, 13);"
>
Auto-generated code by Inferencer
</div>
<button
style="flex-shrink: 0; appearance: none; background: none; padding: 0px; margin: 0px; outline: none; border-radius: 50px; width: 32px; height: 32px; cursor: pointer; transition: all 0.15s ease;"
>
<svg
fill="none"
height="32"
width="32"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16-7.163 16-16 16Zm-2.586-21.414a2 2 0 1 0-2.828 2.828L13.172 16l-2.586 2.586a2 2 0 1 0 2.828 2.828L16 18.828l2.586 2.586a2 2 0 1 0 2.828-2.828L18.828 16l2.586-2.586a2 2 0 1 0-2.828-2.828L16 13.172l-2.586-2.586Z"
fill="#A6A6A6"
fill-rule="evenodd"
/>
</svg>
</button>
</div>
<div
style="font-size: 13px; border-radius: 8px; flex: 1; overflow: scroll; background: rgb(30, 30, 30);"
>
<pre
class="prism-code language-tsx"
style="color: rgb(156, 220, 254); background-color: rgb(30, 30, 30); padding: 14px 14px 14px 14px; margin: 0px; width: 100%; box-sizing: border-box;"
>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports maybe-class-name"
>
React
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"react"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
import
</span>
<span
class="token plain"
>
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token imports"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token imports"
>
useShow
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token imports"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token imports"
>
useResource
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token imports"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token imports"
>
useNavigation
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token imports"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token imports"
>
useOne
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token imports"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token imports"
>
useMany
</span>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token imports"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token imports"
/>
<span
class="token imports punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
from
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"@refinedev/core"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
export
</span>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token function-variable function"
style="color: rgb(220, 220, 170);"
>
PostShow
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
edit
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
list
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useNavigation
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
queryResult
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useShow
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"posts"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"21"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
data
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
isLoading
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
queryResult
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
categoryData
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
isLoading
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
categoryIsLoading
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useOne
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"categories"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
category
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
||
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
""
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
queryOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
enabled
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token plain"
>
record
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
userData
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
isLoading
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
userIsLoading
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useOne
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"users"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
user
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
||
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
""
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
queryOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
enabled
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token plain"
>
record
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
const
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
tagsData
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
isLoading
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
tagsIsLoading
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token plain"
>
</span>
<span
class="token function"
style="color: rgb(220, 220, 170);"
>
useMany
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
resource
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"tags"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
ids
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
||
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
[
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
]
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
queryOptions
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
enabled
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
&&
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
!
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
length
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
return
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
padding
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"16px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
display
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"flex"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
alignItems
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"center"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
justifyContent
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"space-between"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Post Show
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
display
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"flex"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
gap
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"8px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
onClick
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript function"
style="color: rgb(220, 220, 170);"
>
list
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"posts"
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Posts
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
button
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Id
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
id
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
??
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
""
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Title
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
title
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Slug
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
slug
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Content
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
p
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
content
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
p
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Hit
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
hit
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
??
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
""
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Category
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
categoryIsLoading
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Loading...
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
categoryData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
title
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
User
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
userIsLoading
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Loading...
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
userData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
firstName
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
+
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
" "
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
+
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
userData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
lastName
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Status
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
status
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Status Color
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
status_color
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Created At
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
new
</span>
<span
class="token plain"
>
</span>
<span
class="token class-name"
style="color: rgb(78, 201, 176);"
>
Date
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
createdAt
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
toLocaleString
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
undefined
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
timeZone
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"UTC"
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Published At
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
new
</span>
<span
class="token plain"
>
</span>
<span
class="token class-name"
style="color: rgb(78, 201, 176);"
>
Date
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
publishedAt
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
toLocaleString
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token keyword"
style="color: rgb(86, 156, 214);"
>
undefined
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
timeZone
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
"UTC"
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
,
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Image
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
ul
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
image
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
item
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
li
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
item
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
url
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
img
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
maxWidth
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript number"
style="color: rgb(181, 206, 168);"
>
200
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
src
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
item
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
url
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
/>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
li
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
ul
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Tags
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
ul
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
tagsIsLoading
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
&&
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
length
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Loading...
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
length
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
tagsData
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
data
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token method function property-access"
style="color: rgb(220, 220, 170);"
>
map
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token builtin"
style="color: rgb(86, 156, 214);"
>
any
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token arrow operator"
style="color: rgb(212, 212, 212);"
>
=>
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
li
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
key
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
tags
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
title
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
tags
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
title
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
li
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token plain"
>
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
(
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
ul
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag attr-name"
style="color: rgb(156, 220, 254);"
>
style
</span>
<span
class="token tag script language-javascript script-punctuation punctuation"
style="color: rgb(212, 212, 212);"
>
=
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
marginTop
</span>
<span
class="token tag script language-javascript operator"
style="color: rgb(212, 212, 212);"
>
:
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript string"
style="color: rgb(206, 145, 120);"
>
"6px"
</span>
<span
class="token tag script language-javascript"
style="color: rgb(78, 201, 176);"
>
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag script language-javascript punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
>
Language
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
h5
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
<
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
{
</span>
<span
class="token plain"
>
record
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
?.
</span>
<span
class="token plain"
>
language
</span>
<span
class="token operator"
style="color: rgb(212, 212, 212);"
>
??
</span>
<span
class="token plain"
>
</span>
<span
class="token string"
style="color: rgb(206, 145, 120);"
>
""
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain-text"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain-text"
>
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
</
</span>
<span
class="token tag"
style="color: rgb(78, 201, 176);"
>
div
</span>
<span
class="token tag punctuation"
style="color: rgb(212, 212, 212);"
>
>
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
>
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
)
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
/>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
}
</span>
<span
class="token punctuation"
style="color: rgb(212, 212, 212);"
>
;
</span>
<span
class="token plain"
/>
</div>
<div
class="token-line"
style="color: rgb(156, 220, 254);"
>
<span
class="token plain"
style="display: inline-block;"
>
</span>
</div>
</pre>
</div>
<div
style="display: flex; justify-content: flex-start; align-items: flex-end; gap: 16px;"
>
<button
style="appearance: none; height: 40px; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; position: relative; overflow: hidden; transition: filter 0.2s ease; transform: scale(1);"
>
<svg
fill="none"
height="20"
style="flex-shrink: 0; margin-top: -2px; margin-bottom: -2px;"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M8 5a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h1Zm0 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H9Z"
fill="currentColor"
fill-rule="evenodd"
/>
<path
d="M13 4a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2h2Z"
fill="currentColor"
/>
</svg>
<span>
Copy Generated Code
</span>
<div
style="position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; background: rgb(0, 128, 255); transition: all 0.2s ease; transform: translateY(40px);"
>
<svg
fill="none"
height="20"
style="flex-shrink: 0; margin-top: -2px; margin-bottom: -2px;"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M8 5a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h1Zm0 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H9Z"
fill="currentColor"
fill-rule="evenodd"
/>
<path
d="M13 4a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2h2Z"
fill="currentColor"
/>
</svg>
<span>
Copied!
</span>
</div>
</button>
<a
href="https://refine.dev/docs/packages/documentation/inferencer"
rel="noreferrer"
style="appearance: none; text-decoration: none; padding: 10px 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: rgba(0, 128, 255, 0.1); color: rgb(0, 128, 255); font-size: 14px; line-height: 20px; font-weight: 600; gap: 8px; cursor: pointer; transition: all 0.2s ease;"
target="_blank"
>
<svg
fill="none"
height="16"
style="flex-shrink: 0;"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 2a1 1 0 0 1 0 2H4v8h8v-1a1 1 0 1 1 2 0v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h1Z"
fill="currentColor"
/>
<path
d="M9 2a1 1 0 0 0 0 2h1.586L6.293 8.293a1 1 0 0 0 1.414 1.414L12 5.414V7a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1H9Z"
fill="currentColor"
/>
</svg>
<span>
Learn more about inferencer
</span>
</a>
</div>
</div>
</div>
</div>
</DocumentFragment>
`;