diff --git a/public/assets/md-editor/mdeditor.css b/public/assets/md-editor/mdeditor.css new file mode 100644 index 0000000..aa24672 --- /dev/null +++ b/public/assets/md-editor/mdeditor.css @@ -0,0 +1,1381 @@ +@media (prefers-color-scheme: dark) { + .wmde-markdown, + .wmde-markdown-var { + color-scheme: dark; + --color-prettylights-syntax-comment: #8b949e; + --color-prettylights-syntax-constant: #79c0ff; + --color-prettylights-syntax-entity: #d2a8ff; + --color-prettylights-syntax-storage-modifier-import: #c9d1d9; + --color-prettylights-syntax-entity-tag: #7ee787; + --color-prettylights-syntax-keyword: #ff7b72; + --color-prettylights-syntax-string: #a5d6ff; + --color-prettylights-syntax-variable: #ffa657; + --color-prettylights-syntax-brackethighlighter-unmatched: #f85149; + --color-prettylights-syntax-invalid-illegal-text: #f0f6fc; + --color-prettylights-syntax-invalid-illegal-bg: #8e1519; + --color-prettylights-syntax-carriage-return-text: #f0f6fc; + --color-prettylights-syntax-carriage-return-bg: #b62324; + --color-prettylights-syntax-string-regexp: #7ee787; + --color-prettylights-syntax-markup-list: #f2cc60; + --color-prettylights-syntax-markup-heading: #1f6feb; + --color-prettylights-syntax-markup-italic: #c9d1d9; + --color-prettylights-syntax-markup-bold: #c9d1d9; + --color-prettylights-syntax-markup-deleted-text: #ffdcd7; + --color-prettylights-syntax-markup-deleted-bg: #67060c; + --color-prettylights-syntax-markup-inserted-text: #aff5b4; + --color-prettylights-syntax-markup-inserted-bg: #033a16; + --color-prettylights-syntax-markup-changed-text: #ffdfb6; + --color-prettylights-syntax-markup-changed-bg: #5a1e02; + --color-prettylights-syntax-markup-ignored-text: #c9d1d9; + --color-prettylights-syntax-markup-ignored-bg: #1158c7; + --color-prettylights-syntax-meta-diff-range: #d2a8ff; + --color-prettylights-syntax-brackethighlighter-angle: #8b949e; + --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; + --color-prettylights-syntax-constant-other-reference-link: #a5d6ff; + --color-fg-default: #c9d1d9; + --color-fg-muted: #8b949e; + --color-fg-subtle: #484f58; + --color-canvas-default: #0d1117; + --color-canvas-subtle: #161b22; + --color-border-default: #30363d; + --color-border-muted: #21262d; + --color-neutral-muted: rgba(110, 118, 129, 0.4); + --color-accent-fg: #58a6ff; + --color-accent-emphasis: #1f6feb; + --color-attention-subtle: rgba(187, 128, 9, 0.15); + --color-danger-fg: #f85149; + } + } + @media (prefers-color-scheme: light) { + .wmde-markdown, + .wmde-markdown-var { + color-scheme: light; + --color-prettylights-syntax-comment: #6e7781; + --color-prettylights-syntax-constant: #0550ae; + --color-prettylights-syntax-entity: #8250df; + --color-prettylights-syntax-storage-modifier-import: #24292f; + --color-prettylights-syntax-entity-tag: #116329; + --color-prettylights-syntax-keyword: #cf222e; + --color-prettylights-syntax-string: #0a3069; + --color-prettylights-syntax-variable: #953800; + --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; + --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; + --color-prettylights-syntax-invalid-illegal-bg: #82071e; + --color-prettylights-syntax-carriage-return-text: #f6f8fa; + --color-prettylights-syntax-carriage-return-bg: #cf222e; + --color-prettylights-syntax-string-regexp: #116329; + --color-prettylights-syntax-markup-list: #3b2300; + --color-prettylights-syntax-markup-heading: #0550ae; + --color-prettylights-syntax-markup-italic: #24292f; + --color-prettylights-syntax-markup-bold: #24292f; + --color-prettylights-syntax-markup-deleted-text: #82071e; + --color-prettylights-syntax-markup-deleted-bg: #ffebe9; + --color-prettylights-syntax-markup-inserted-text: #116329; + --color-prettylights-syntax-markup-inserted-bg: #dafbe1; + --color-prettylights-syntax-markup-changed-text: #953800; + --color-prettylights-syntax-markup-changed-bg: #ffd8b5; + --color-prettylights-syntax-markup-ignored-text: #eaeef2; + --color-prettylights-syntax-markup-ignored-bg: #0550ae; + --color-prettylights-syntax-meta-diff-range: #8250df; + --color-prettylights-syntax-brackethighlighter-angle: #57606a; + --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; + --color-prettylights-syntax-constant-other-reference-link: #0a3069; + --color-fg-default: #24292f; + --color-fg-muted: #57606a; + --color-fg-subtle: #6e7781; + --color-canvas-default: #ffffff; + --color-canvas-subtle: #f6f8fa; + --color-border-default: #d0d7de; + --color-border-muted: hsl(210, 18%, 87%); + --color-neutral-muted: rgba(175, 184, 193, 0.2); + --color-accent-fg: #0969da; + --color-accent-emphasis: #0969da; + --color-attention-subtle: #fff8c5; + --color-danger-fg: #cf222e; + } + } + [data-color-mode*='dark'] .wmde-markdown, + [data-color-mode*='dark'] .wmde-markdown-var, + .wmde-markdown-var[data-color-mode*='dark'], + .wmde-markdown[data-color-mode*='dark'], + body[data-color-mode*='dark'] { + color-scheme: dark; + --color-prettylights-syntax-comment: #8b949e; + --color-prettylights-syntax-constant: #79c0ff; + --color-prettylights-syntax-entity: #d2a8ff; + --color-prettylights-syntax-storage-modifier-import: #c9d1d9; + --color-prettylights-syntax-entity-tag: #7ee787; + --color-prettylights-syntax-keyword: #ff7b72; + --color-prettylights-syntax-string: #a5d6ff; + --color-prettylights-syntax-variable: #ffa657; + --color-prettylights-syntax-brackethighlighter-unmatched: #f85149; + --color-prettylights-syntax-invalid-illegal-text: #f0f6fc; + --color-prettylights-syntax-invalid-illegal-bg: #8e1519; + --color-prettylights-syntax-carriage-return-text: #f0f6fc; + --color-prettylights-syntax-carriage-return-bg: #b62324; + --color-prettylights-syntax-string-regexp: #7ee787; + --color-prettylights-syntax-markup-list: #f2cc60; + --color-prettylights-syntax-markup-heading: #1f6feb; + --color-prettylights-syntax-markup-italic: #c9d1d9; + --color-prettylights-syntax-markup-bold: #c9d1d9; + --color-prettylights-syntax-markup-deleted-text: #ffdcd7; + --color-prettylights-syntax-markup-deleted-bg: #67060c; + --color-prettylights-syntax-markup-inserted-text: #aff5b4; + --color-prettylights-syntax-markup-inserted-bg: #033a16; + --color-prettylights-syntax-markup-changed-text: #ffdfb6; + --color-prettylights-syntax-markup-changed-bg: #5a1e02; + --color-prettylights-syntax-markup-ignored-text: #c9d1d9; + --color-prettylights-syntax-markup-ignored-bg: #1158c7; + --color-prettylights-syntax-meta-diff-range: #d2a8ff; + --color-prettylights-syntax-brackethighlighter-angle: #8b949e; + --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; + --color-prettylights-syntax-constant-other-reference-link: #a5d6ff; + --color-fg-default: #c9d1d9; + --color-fg-muted: #8b949e; + --color-fg-subtle: #484f58; + --color-canvas-default: #0d1117; + --color-canvas-subtle: #161b22; + --color-border-default: #30363d; + --color-border-muted: #21262d; + --color-neutral-muted: rgba(110, 118, 129, 0.4); + --color-accent-fg: #58a6ff; + --color-accent-emphasis: #1f6feb; + --color-attention-subtle: rgba(187, 128, 9, 0.15); + --color-danger-fg: #f85149; + } + [data-color-mode*='light'] .wmde-markdown, + [data-color-mode*='light'] .wmde-markdown-var, + .wmde-markdown-var[data-color-mode*='light'], + .wmde-markdown[data-color-mode*='light'], + body[data-color-mode*='light'] { + color-scheme: light; + --color-prettylights-syntax-comment: #6e7781; + --color-prettylights-syntax-constant: #0550ae; + --color-prettylights-syntax-entity: #8250df; + --color-prettylights-syntax-storage-modifier-import: #24292f; + --color-prettylights-syntax-entity-tag: #116329; + --color-prettylights-syntax-keyword: #cf222e; + --color-prettylights-syntax-string: #0a3069; + --color-prettylights-syntax-variable: #953800; + --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; + --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; + --color-prettylights-syntax-invalid-illegal-bg: #82071e; + --color-prettylights-syntax-carriage-return-text: #f6f8fa; + --color-prettylights-syntax-carriage-return-bg: #cf222e; + --color-prettylights-syntax-string-regexp: #116329; + --color-prettylights-syntax-markup-list: #3b2300; + --color-prettylights-syntax-markup-heading: #0550ae; + --color-prettylights-syntax-markup-italic: #24292f; + --color-prettylights-syntax-markup-bold: #24292f; + --color-prettylights-syntax-markup-deleted-text: #82071e; + --color-prettylights-syntax-markup-deleted-bg: #ffebe9; + --color-prettylights-syntax-markup-inserted-text: #116329; + --color-prettylights-syntax-markup-inserted-bg: #dafbe1; + --color-prettylights-syntax-markup-changed-text: #953800; + --color-prettylights-syntax-markup-changed-bg: #ffd8b5; + --color-prettylights-syntax-markup-ignored-text: #eaeef2; + --color-prettylights-syntax-markup-ignored-bg: #0550ae; + --color-prettylights-syntax-meta-diff-range: #8250df; + --color-prettylights-syntax-brackethighlighter-angle: #57606a; + --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; + --color-prettylights-syntax-constant-other-reference-link: #0a3069; + --color-fg-default: #24292f; + --color-fg-muted: #57606a; + --color-fg-subtle: #6e7781; + --color-canvas-default: #ffffff; + --color-canvas-subtle: #f6f8fa; + --color-border-default: #d0d7de; + --color-border-muted: hsl(210, 18%, 87%); + --color-neutral-muted: rgba(175, 184, 193, 0.2); + --color-accent-fg: #0969da; + --color-accent-emphasis: #0969da; + --color-attention-subtle: #fff8c5; + --color-danger-fg: #cf222e; + } + .wmde-markdown { + -webkit-text-size-adjust: 100%; + font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; + font-size: 16px; + line-height: 1.5; + word-wrap: break-word; + color: var(--color-fg-default); + background-color: var(--color-canvas-default); + } + .wmde-markdown details, + .wmde-markdown figcaption, + .wmde-markdown figure { + display: block; + } + .wmde-markdown summary { + display: list-item; + } + .wmde-markdown [hidden] { + display: none !important; + } + .wmde-markdown a { + background-color: transparent; + color: var(--color-accent-fg); + text-decoration: none; + } + .wmde-markdown a:active, + .wmde-markdown a:hover { + outline-width: 0; + } + .wmde-markdown abbr[title] { + border-bottom: none; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + } + .wmde-markdown b, + .wmde-markdown strong { + font-weight: 600; + } + .wmde-markdown dfn { + font-style: italic; + } + .wmde-markdown h1 { + margin: 0.67em 0; + font-weight: 600; + padding-bottom: 0.3em; + font-size: 2em; + border-bottom: 1px solid var(--color-border-muted); + } + .wmde-markdown mark { + background-color: var(--color-attention-subtle); + color: var(--color-text-primary); + } + .wmde-markdown small { + font-size: 90%; + } + .wmde-markdown sub, + .wmde-markdown sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + .wmde-markdown sub { + bottom: -0.25em; + } + .wmde-markdown sup { + top: -0.5em; + } + .wmde-markdown img { + display: inline-block; + border-style: none; + max-width: 100%; + box-sizing: content-box; + background-color: var(--color-canvas-default); + } + .wmde-markdown code, + .wmde-markdown kbd, + .wmde-markdown pre, + .wmde-markdown samp { + font-family: monospace, monospace; + font-size: 1em; + } + .wmde-markdown figure { + margin: 1em 40px; + } + .wmde-markdown hr { + box-sizing: content-box; + overflow: hidden; + background: transparent; + border: 0; + border-bottom: 1px solid var(--color-border-muted); + height: 0.25em; + padding: 0; + margin: 24px 0; + background-color: var(--color-border-default); + } + .wmde-markdown input { + font: inherit; + margin: 0; + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; + } + .wmde-markdown [type='button'], + .wmde-markdown [type='reset'], + .wmde-markdown [type='submit'] { + -webkit-appearance: button; + } + .wmde-markdown [type='button']::-moz-focus-inner, + .wmde-markdown [type='reset']::-moz-focus-inner, + .wmde-markdown [type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; + } + .wmde-markdown [type='button']:-moz-focusring, + .wmde-markdown [type='reset']:-moz-focusring, + .wmde-markdown [type='submit']:-moz-focusring { + outline: 1px dotted ButtonText; + } + .wmde-markdown [type='checkbox'], + .wmde-markdown [type='radio'] { + box-sizing: border-box; + padding: 0; + } + .wmde-markdown [type='number']::-webkit-inner-spin-button, + .wmde-markdown [type='number']::-webkit-outer-spin-button { + height: auto; + } + .wmde-markdown [type='search'] { + -webkit-appearance: textfield; + outline-offset: -2px; + } + .wmde-markdown [type='search']::-webkit-search-cancel-button, + .wmde-markdown [type='search']::-webkit-search-decoration { + -webkit-appearance: none; + } + .wmde-markdown ::-webkit-input-placeholder { + color: inherit; + opacity: 0.54; + } + .wmde-markdown ::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; + } + .wmde-markdown a:hover { + text-decoration: underline; + } + .wmde-markdown hr::before { + display: table; + content: ''; + } + .wmde-markdown hr::after { + display: table; + clear: both; + content: ''; + } + .wmde-markdown table { + border-spacing: 0; + border-collapse: collapse; + display: block; + width: -moz-max-content; + width: max-content; + max-width: 100%; + } + .wmde-markdown td, + .wmde-markdown th { + padding: 0; + } + .wmde-markdown details summary { + cursor: pointer; + } + .wmde-markdown details:not([open]) > *:not(summary) { + display: none !important; + } + .wmde-markdown kbd { + display: inline-block; + padding: 3px 5px; + font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; + line-height: 10px; + color: var(--color-fg-default); + vertical-align: middle; + background-color: var(--color-canvas-subtle); + border: solid 1px var(--color-neutral-muted); + border-bottom-color: var(--color-neutral-muted); + border-radius: 6px; + box-shadow: inset 0 -1px 0 var(--color-neutral-muted); + } + .wmde-markdown h1, + .wmde-markdown h2, + .wmde-markdown h3, + .wmde-markdown h4, + .wmde-markdown h5, + .wmde-markdown h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; + } + .wmde-markdown td, + .wmde-markdown th { + padding: 0; + } + .wmde-markdown details summary { + cursor: pointer; + } + .wmde-markdown details:not([open]) > *:not(summary) { + display: none !important; + } + .wmde-markdown kbd { + display: inline-block; + padding: 3px 5px; + font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; + line-height: 10px; + color: var(--color-fg-default); + vertical-align: middle; + background-color: var(--color-canvas-subtle); + border: solid 1px var(--color-neutral-muted); + border-bottom-color: var(--color-neutral-muted); + border-radius: 6px; + box-shadow: inset 0 -1px 0 var(--color-neutral-muted); + } + .wmde-markdown h1, + .wmde-markdown h2, + .wmde-markdown h3, + .wmde-markdown h4, + .wmde-markdown h5, + .wmde-markdown h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; + } + .wmde-markdown h2 { + font-weight: 600; + padding-bottom: 0.3em; + font-size: 1.5em; + border-bottom: 1px solid var(--color-border-muted); + } + .wmde-markdown h3 { + font-weight: 600; + font-size: 1.25em; + } + .wmde-markdown h4 { + font-weight: 600; + font-size: 1em; + } + .wmde-markdown h5 { + font-weight: 600; + font-size: 0.875em; + } + .wmde-markdown h6 { + font-weight: 600; + font-size: 0.85em; + color: var(--color-fg-muted); + } + .wmde-markdown p { + margin-top: 0; + margin-bottom: 10px; + } + .wmde-markdown blockquote { + margin: 0; + padding: 0 1em; + color: var(--color-fg-muted); + border-left: 0.25em solid var(--color-border-default); + } + .wmde-markdown ul, + .wmde-markdown ol { + margin-top: 0; + margin-bottom: 0; + padding-left: 2em; + } + .wmde-markdown ol ol, + .wmde-markdown ul ol { + list-style-type: lower-roman; + } + .wmde-markdown ul ul ol, + .wmde-markdown ul ol ol, + .wmde-markdown ol ul ol, + .wmde-markdown ol ol ol { + list-style-type: lower-alpha; + } + .wmde-markdown dd { + margin-left: 0; + } + .wmde-markdown tt, + .wmde-markdown code { + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; + font-size: 12px; + } + .wmde-markdown pre { + margin-top: 0; + margin-bottom: 0; + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; + font-size: 12px; + word-wrap: normal; + } + .wmde-markdown .octicon { + display: inline-block; + overflow: visible !important; + vertical-align: text-bottom; + fill: currentColor; + } + .wmde-markdown ::-moz-placeholder { + color: var(--color-fg-subtle); + opacity: 1; + } + .wmde-markdown ::placeholder { + color: var(--color-fg-subtle); + opacity: 1; + } + .wmde-markdown input::-webkit-outer-spin-button, + .wmde-markdown input::-webkit-inner-spin-button { + margin: 0; + -webkit-appearance: none; + appearance: none; + } + .wmde-markdown [data-catalyst] { + display: block; + } + .wmde-markdown::before { + display: table; + content: ''; + } + .wmde-markdown::after { + display: table; + clear: both; + content: ''; + } + .wmde-markdown > *:first-child { + margin-top: 0 !important; + } + .wmde-markdown > *:last-child { + margin-bottom: 0 !important; + } + .wmde-markdown a:not([href]) { + color: inherit; + text-decoration: none; + } + .wmde-markdown .absent { + color: var(--color-danger-fg); + } + .wmde-markdown a.anchor { + float: left; + padding-right: 4px; + margin-left: -20px; + line-height: 1; + } + .wmde-markdown .anchor:focus { + outline: none; + } + .wmde-markdown p, + .wmde-markdown blockquote, + .wmde-markdown ul, + .wmde-markdown ol, + .wmde-markdown dl, + .wmde-markdown table, + .wmde-markdown pre, + .wmde-markdown details { + margin-top: 0; + margin-bottom: 16px; + } + .wmde-markdown blockquote > :first-child { + margin-top: 0; + } + .wmde-markdown blockquote > :last-child { + margin-bottom: 0; + } + .wmde-markdown sup > a::before { + content: '['; + } + .wmde-markdown sup > a::after { + content: ']'; + } + .wmde-markdown h1 .octicon-link, + .wmde-markdown h2 .octicon-link, + .wmde-markdown h3 .octicon-link, + .wmde-markdown h4 .octicon-link, + .wmde-markdown h5 .octicon-link, + .wmde-markdown h6 .octicon-link { + color: var(--color-fg-default); + vertical-align: middle; + visibility: hidden; + } + .wmde-markdown h1:hover .anchor, + .wmde-markdown h2:hover .anchor, + .wmde-markdown h3:hover .anchor, + .wmde-markdown h4:hover .anchor, + .wmde-markdown h5:hover .anchor, + .wmde-markdown h6:hover .anchor { + text-decoration: none; + } + .wmde-markdown h1:hover .anchor .octicon-link, + .wmde-markdown h2:hover .anchor .octicon-link, + .wmde-markdown h3:hover .anchor .octicon-link, + .wmde-markdown h4:hover .anchor .octicon-link, + .wmde-markdown h5:hover .anchor .octicon-link, + .wmde-markdown h6:hover .anchor .octicon-link { + visibility: visible; + } + .wmde-markdown h1 tt, + .wmde-markdown h1 code, + .wmde-markdown h2 tt, + .wmde-markdown h2 code, + .wmde-markdown h3 tt, + .wmde-markdown h3 code, + .wmde-markdown h4 tt, + .wmde-markdown h4 code, + .wmde-markdown h5 tt, + .wmde-markdown h5 code, + .wmde-markdown h6 tt, + .wmde-markdown h6 code { + padding: 0 0.2em; + font-size: inherit; + } + .wmde-markdown ul.no-list, + .wmde-markdown ol.no-list { + padding: 0; + list-style-type: none; + } + .wmde-markdown ol[type='1'] { + list-style-type: decimal; + } + .wmde-markdown ol[type='a'] { + list-style-type: lower-alpha; + } + .wmde-markdown ol[type='i'] { + list-style-type: lower-roman; + } + .wmde-markdown div > ol:not([type]) { + list-style-type: decimal; + } + .wmde-markdown ul ul, + .wmde-markdown ul ol, + .wmde-markdown ol ol, + .wmde-markdown ol ul { + margin-top: 0; + margin-bottom: 0; + } + .wmde-markdown li > p { + margin-top: 16px; + } + .wmde-markdown li + li { + margin-top: 0.25em; + } + .wmde-markdown dl { + padding: 0; + } + .wmde-markdown dl dt { + padding: 0; + margin-top: 16px; + font-size: 1em; + font-style: italic; + font-weight: 600; + } + .wmde-markdown dl dd { + padding: 0 16px; + margin-bottom: 16px; + } + .wmde-markdown table th { + font-weight: 600; + } + .wmde-markdown table th, + .wmde-markdown table td { + padding: 6px 13px; + border: 1px solid var(--color-border-default); + } + .wmde-markdown table tr { + background-color: var(--color-canvas-default); + border-top: 1px solid var(--color-border-muted); + } + .wmde-markdown table tr:nth-child(2n) { + background-color: var(--color-canvas-subtle); + } + .wmde-markdown table img { + background-color: transparent; + } + .wmde-markdown img[align='right'] { + padding-left: 20px; + } + .wmde-markdown img[align='left'] { + padding-right: 20px; + } + .wmde-markdown .emoji { + max-width: none; + vertical-align: text-top; + background-color: transparent; + } + .wmde-markdown span.frame { + display: block; + overflow: hidden; + } + .wmde-markdown span.frame > span { + display: block; + float: left; + width: auto; + padding: 7px; + margin: 13px 0 0; + overflow: hidden; + border: 1px solid var(--color-border-default); + } + .wmde-markdown span.frame span img { + display: block; + float: left; + } + .wmde-markdown span.frame span span { + display: block; + padding: 5px 0 0; + clear: both; + color: var(--color-fg-default); + } + .wmde-markdown span.align-center { + display: block; + overflow: hidden; + clear: both; + } + .wmde-markdown span.align-center > span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: center; + } + .wmde-markdown span.align-center span img { + margin: 0 auto; + text-align: center; + } + .wmde-markdown span.align-right { + display: block; + overflow: hidden; + clear: both; + } + .wmde-markdown span.align-right > span { + display: block; + margin: 13px 0 0; + overflow: hidden; + text-align: right; + } + .wmde-markdown span.align-right span img { + margin: 0; + text-align: right; + } + .wmde-markdown span.float-left { + display: block; + float: left; + margin-right: 13px; + overflow: hidden; + } + .wmde-markdown span.float-left span { + margin: 13px 0 0; + } + .wmde-markdown span.float-right { + display: block; + float: right; + margin-left: 13px; + overflow: hidden; + } + .wmde-markdown span.float-right > span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: right; + } + .wmde-markdown code, + .wmde-markdown tt { + padding: 0.2em 0.4em; + margin: 0; + font-size: 85%; + background-color: var(--color-neutral-muted); + border-radius: 6px; + } + .wmde-markdown code br, + .wmde-markdown tt br { + display: none; + } + .wmde-markdown del code { + text-decoration: inherit; + } + .wmde-markdown pre code { + font-size: 100%; + } + .wmde-markdown pre > code { + padding: 0; + margin: 0; + word-break: normal; + white-space: pre; + background: transparent; + border: 0; + } + .wmde-markdown pre { + font-size: 85%; + line-height: 1.45; + background-color: var(--color-canvas-subtle); + border-radius: 6px; + } + .wmde-markdown pre code, + .wmde-markdown pre tt { + display: inline; + max-width: auto; + padding: 0; + margin: 0; + overflow: visible; + line-height: inherit; + word-wrap: normal; + background-color: transparent; + border: 0; + } + .wmde-markdown pre > code { + padding: 16px; + overflow: auto; + display: block; + } + .wmde-markdown .csv-data td, + .wmde-markdown .csv-data th { + padding: 5px; + overflow: hidden; + font-size: 12px; + line-height: 1; + text-align: left; + white-space: nowrap; + } + .wmde-markdown .csv-data .blob-num { + padding: 10px 8px 9px; + text-align: right; + background: var(--color-canvas-default); + border: 0; + } + .wmde-markdown .csv-data tr { + border-top: 0; + } + .wmde-markdown .csv-data th { + font-weight: 600; + background: var(--color-canvas-subtle); + border-top: 0; + } + .wmde-markdown .footnotes { + font-size: 12px; + color: var(--color-fg-muted); + border-top: 1px solid var(--color-border-default); + } + .wmde-markdown .footnotes ol { + padding-left: 16px; + } + .wmde-markdown .footnotes li { + position: relative; + } + .wmde-markdown .footnotes li:target::before { + position: absolute; + top: -8px; + right: -8px; + bottom: -8px; + left: -24px; + pointer-events: none; + content: ''; + border: 2px solid var(--color-accent-emphasis); + border-radius: 6px; + } + .wmde-markdown .footnotes li:target { + color: var(--color-fg-default); + } + .wmde-markdown .footnotes .data-footnote-backref g-emoji { + font-family: monospace; + } + .wmde-markdown .task-list-item { + list-style-type: none; + } + .wmde-markdown .task-list-item label { + font-weight: 400; + } + .wmde-markdown .task-list-item.enabled label { + cursor: pointer; + } + .wmde-markdown .task-list-item + .wmde-markdown .task-list-item { + margin-top: 3px; + } + .wmde-markdown .task-list-item .handle { + display: none; + } + .wmde-markdown .task-list-item-checkbox, + .wmde-markdown .contains-task-list input[type='checkbox'] { + margin: 0 0.2em 0.25em -1.6em; + vertical-align: middle; + } + .wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox, + .wmde-markdown .contains-task-list:dir(rtl) input[type='checkbox'] { + margin: 0 -1.6em 0.25em 0.2em; + } + .wmde-markdown ::-webkit-calendar-picker-indicator { + filter: invert(50%); + } + .wmde-markdown pre { + position: relative; + } + .wmde-markdown pre .copied { + visibility: hidden; + display: flex; + position: absolute; + cursor: pointer; + color: var(--color-fg-defaul); + top: 6px; + right: 6px; + border-radius: 5px; + background: var(--color-border-default); + padding: 6px; + font-size: 12px; + transition: all 0.3s; + } + .wmde-markdown pre .copied .octicon-copy { + display: block; + } + .wmde-markdown pre .copied .octicon-check { + display: none; + } + .wmde-markdown pre:hover .copied { + visibility: visible; + } + .wmde-markdown pre:hover .copied:hover { + background: var(--color-prettylights-syntax-entity-tag); + color: var(--color-canvas-default); + } + .wmde-markdown pre:hover .copied:active, + .wmde-markdown pre .copied.active { + background: #2e9b33; + color: var(--color-canvas-default); + } + .wmde-markdown pre .active .octicon-copy { + display: none; + } + .wmde-markdown pre .active .octicon-check { + display: block; + } + .highlight-line { + background-color: var(--color-neutral-muted); + } + .code-line.line-number::before { + display: inline-block; + width: 1rem; + text-align: right; + margin-right: 16px; + color: var(--color-fg-subtle); + content: attr(line); + white-space: nowrap; + } + .token.comment, + .token.prolog, + .token.doctype, + .token.cdata { + color: var(--color-prettylights-syntax-comment); + } + .token.namespace { + opacity: 0.7; + } + .token.property, + .token.tag, + .token.selector, + .token.constant, + .token.symbol, + .token.deleted { + color: var(--color-prettylights-syntax-entity-tag); + } + .token.maybe-class-name { + color: var(--color-prettylights-syntax-variable); + } + .token.property-access, + .token.operator, + .token.boolean, + .token.number, + .token.selector .token.class, + .token.attr-name, + .token.string, + .token.char, + .token.builtin { + color: var(--color-prettylights-syntax-constant); + } + .token.deleted { + color: var(--color-prettylights-syntax-markup-deleted-text); + } + .code-line .token.deleted { + background-color: var(--color-prettylights-syntax-markup-deleted-bg); + } + .token.inserted { + color: var(--color-prettylights-syntax-markup-inserted-text); + } + .code-line .token.inserted { + background-color: var(--color-prettylights-syntax-markup-inserted-bg); + } + .token.variable { + color: var(--color-prettylights-syntax-constant); + } + .token.entity, + .token.url, + .language-css .token.string, + .style .token.string { + color: var(--color-prettylights-syntax-string); + } + .token.color, + .token.atrule, + .token.attr-value, + .token.function, + .token.class-name { + color: var(--color-prettylights-syntax-string); + } + .token.rule, + .token.regex, + .token.important, + .token.keyword { + color: var(--color-prettylights-syntax-keyword); + } + .token.coord { + color: var(--color-prettylights-syntax-meta-diff-range); + } + .token.important, + .token.bold { + font-weight: bold; + } + .token.italic { + font-style: italic; + } + .token.entity { + cursor: help; + } + + .w-md-editor-area { + overflow: auto; + border-radius: 5px; + } + .w-md-editor-text { + min-height: 100%; + position: relative; + text-align: left; + white-space: pre-wrap; + word-break: keep-all; + overflow-wrap: break-word; + box-sizing: border-box; + padding: 10px; + margin: 0; + font-size: 14px !important; + line-height: 18px !important; + font-feature-settings: "liga", "clig"; + font-variant-ligatures: common-ligatures; + } + .w-md-editor-text-pre, + .w-md-editor-text-input, + .w-md-editor-text > .w-md-editor-text-pre { + margin: 0; + border: 0; + background: none; + box-sizing: inherit; + display: inherit; + font-family: inherit; + font-family: var(--md-editor-font-family) !important; + font-size: inherit; + font-style: inherit; + font-feature-settings: inherit; + font-variant-ligatures: inherit; + font-weight: inherit; + letter-spacing: inherit; + line-height: inherit; + -moz-tab-size: inherit; + -o-tab-size: inherit; + tab-size: inherit; + text-indent: inherit; + text-rendering: inherit; + text-transform: inherit; + white-space: inherit; + overflow-wrap: inherit; + word-break: inherit; + word-break: normal; + padding: 0; + } + .w-md-editor-text-pre { + position: relative; + margin: 0px !important; + pointer-events: none; + background-color: transparent !important; + } + .w-md-editor-text-pre > code { + padding: 0 !important; + font-family: var(--md-editor-font-family) !important; + font-size: 14px !important; + line-height: 18px !important; + } + .w-md-editor-text-input { + position: absolute; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + resize: none; + color: inherit; + overflow: hidden; + outline: 0; + padding: inherit; + -webkit-font-smoothing: antialiased; + -webkit-text-fill-color: transparent; + } + .w-md-editor-text-input:empty { + -webkit-text-fill-color: inherit !important; + } + .w-md-editor-text-pre, + .w-md-editor-text-input { + word-wrap: pre; + word-break: break-word; + white-space: pre-wrap; + } + /** + * Hack to apply on some CSS on IE10 and IE11 + */ + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /** + * IE doesn't support '-webkit-text-fill-color' + * So we use 'color: transparent' to make the text transparent on IE + * Unlike other browsers, it doesn't affect caret color in IE + */ + .w-md-editor-text-input { + color: transparent !important; + } + .w-md-editor-text-input::-moz-selection { + background-color: #accef7 !important; + color: transparent !important; + } + .w-md-editor-text-input::selection { + background-color: #accef7 !important; + color: transparent !important; + } + } + .w-md-editor-text-pre .punctuation { + color: #8b949e !important; + color: var(--color-prettylights-syntax-comment, #8b949e) !important; + } + .w-md-editor-text-pre .token.url, + .w-md-editor-text-pre .token.content { + color: #0550ae !important; + color: var(--color-prettylights-syntax-constant, #0550ae) !important; + } + .w-md-editor-text-pre .token.title.important { + color: #24292f; + color: var(--color-prettylights-syntax-markup-bold, #24292f); + } + .w-md-editor-text-pre .token.code-block .function { + color: #8250df; + color: var(--color-prettylights-syntax-entity, #8250df); + } + .w-md-editor-text-pre .token.bold { + font-weight: inherit !important; + } + .w-md-editor-text-pre .token.title { + line-height: inherit !important; + font-size: inherit !important; + font-weight: inherit !important; + } + .w-md-editor-text-pre .token.code.keyword { + color: #0550ae !important; + color: var(--color-prettylights-syntax-constant, #0550ae) !important; + } + .w-md-editor-text-pre .token.strike, + .w-md-editor-text-pre .token.strike .content { + color: #82071e !important; + color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important; + } + + .w-md-editor-toolbar-child { + position: absolute; + border-radius: 3px; + box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color); + background-color: var(--md-editor-background-color); + z-index: 1; + display: none; + } + .w-md-editor-toolbar-child.active { + display: block; + } + .w-md-editor-toolbar-child .w-md-editor-toolbar { + border-bottom: 0; + padding: 3px; + border-radius: 3px; + } + .w-md-editor-toolbar-child .w-md-editor-toolbar ul > li { + display: block; + } + .w-md-editor-toolbar-child .w-md-editor-toolbar ul > li button { + width: -webkit-fill-available; + height: auto; + height: initial; + box-sizing: border-box; + padding: 3px 4px 2px 4px; + margin: 0; + } + + .w-md-editor-toolbar { + border-bottom: 1px solid var(--md-editor-box-shadow-color); + background-color: var(--md-editor-background-color); + padding: 5px 5px; + display: flex; + justify-content: space-between; + align-items: center; + border-radius: 3px 3px 0 0; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + flex-wrap: wrap; + } + .w-md-editor-toolbar.bottom { + border-bottom: 0px; + border-top: 1px solid var(--md-editor-box-shadow-color); + border-radius: 0 0 3px 3px; + } + .w-md-editor-toolbar ul, + .w-md-editor-toolbar li { + margin: 0; + padding: 0; + list-style: none; + line-height: normal; + line-height: initial; + } + .w-md-editor-toolbar li { + display: inline-block; + font-size: 14px; + } + .w-md-editor-toolbar li + li { + margin: 0; + } + .w-md-editor-toolbar li > button { + border: none; + height: 20px; + line-height: 14px; + background: none; + padding: 4px; + margin: 0 1px; + border-radius: 2px; + text-transform: none; + font-weight: normal; + overflow: visible; + outline: none; + cursor: pointer; + transition: all 0.3s; + white-space: nowrap; + color: var(--color-fg-default); + } + .w-md-editor-toolbar li > button:hover, + .w-md-editor-toolbar li > button:focus { + background-color: var(--color-neutral-muted); + color: var(--color-accent-fg); + } + .w-md-editor-toolbar li > button:active { + background-color: var(--color-neutral-muted); + color: var(--color-danger-fg); + } + .w-md-editor-toolbar li > button:disabled { + color: var(--md-editor-box-shadow-color); + cursor: not-allowed; + } + .w-md-editor-toolbar li > button:disabled:hover { + background-color: transparent; + color: var(--md-editor-box-shadow-color); + } + .w-md-editor-toolbar li.active > button { + color: var(--color-accent-fg); + background-color: var(--color-neutral-muted); + } + .w-md-editor-toolbar-divider { + height: 14px; + width: 1px; + margin: -3px 3px 0 3px !important; + vertical-align: middle; + background-color: var(--md-editor-box-shadow-color); + } + + .w-md-editor-bar { + position: absolute; + cursor: s-resize; + right: 0; + bottom: 0; + margin-top: -11px; + margin-right: 0; + width: 14px; + z-index: 3; + height: 10px; + border-radius: 0 0 3px 0; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + } + .w-md-editor-bar svg { + display: block; + margin: 0 auto; + } + + .w-md-editor { + text-align: left; + border-radius: 3px; + padding-bottom: 1px; + position: relative; + color: var(--color-fg-default); + --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + --md-editor-background-color: var(--color-canvas-default, #ffffff); + --md-editor-box-shadow-color: var(--color-border-default, #d0d7de); + box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color); + background-color: var(--md-editor-background-color); + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + display: flex; + flex-direction: column; + } + .w-md-editor.w-md-editor-rtl { + direction: rtl !important; + text-align: right !important; + } + .w-md-editor.w-md-editor-rtl .w-md-editor-preview { + right: auto !important; + right: initial !important; + left: 0; + text-align: right !important; + box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color); + } + .w-md-editor.w-md-editor-rtl .w-md-editor-text { + text-align: right !important; + } + .w-md-editor-toolbar { + height: -moz-fit-content; + height: fit-content; + } + .w-md-editor-content { + height: 100%; + overflow: auto; + position: relative; + border-radius: 0 0 3px 0; + } + .w-md-editor .copied { + display: none !important; + } + .w-md-editor-input { + width: 50%; + height: 100%; + } + .w-md-editor-text-pre > code { + word-break: break-word !important; + white-space: pre-wrap !important; + } + .w-md-editor-preview { + width: 50%; + box-sizing: border-box; + box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color); + position: absolute; + padding: 10px 20px; + overflow: auto; + top: 0; + right: 0; + bottom: 0; + border-radius: 0 0 5px 0; + display: flex; + flex-direction: column; + } + .w-md-editor-preview .anchor { + display: none; + } + .w-md-editor-preview .contains-task-list li.task-list-item { + list-style: none; + } + .w-md-editor-show-preview .w-md-editor-input { + width: 0%; + overflow: hidden; + background-color: var(--md-editor-background-color); + } + .w-md-editor-show-preview .w-md-editor-preview { + width: 100%; + box-shadow: inset 0 0 0 0; + } + .w-md-editor-show-edit .w-md-editor-input { + width: 100%; + } + .w-md-editor-show-edit .w-md-editor-preview { + width: 0%; + padding: 0; + } + .w-md-editor-fullscreen { + overflow: hidden; + position: fixed; + z-index: 99999; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 100% !important; + } + .w-md-editor-fullscreen .w-md-editor-content { + height: 100%; + } + \ No newline at end of file diff --git a/src/components/BuyServices/BuyVPN.jsx b/src/components/BuyServices/BuyVPN.jsx index 360fb19..9cea229 100644 --- a/src/components/BuyServices/BuyVPN.jsx +++ b/src/components/BuyServices/BuyVPN.jsx @@ -39,7 +39,7 @@ export default function BuyVPN() { setError('Please select a billing cycle'); return; } - + setIsProcessing(true); setError(null); @@ -146,7 +146,7 @@ export default function BuyVPN() { ) - } + } {/* Selection Summary */} {selectedCycle && ( diff --git a/src/components/BuyServices/NewKubernetisUtho.jsx b/src/components/BuyServices/NewKubernetisUtho.jsx index e9a5bd9..6fb023f 100644 --- a/src/components/BuyServices/NewKubernetisUtho.jsx +++ b/src/components/BuyServices/NewKubernetisUtho.jsx @@ -14,21 +14,24 @@ export default function NewKubernetesService() { const [isFetchingData, setIsFetchingData] = useState(true); const [plans, setPlans] = useState([]); const [vpcs, setVpcs] = useState([]); + const [subnets, setSubnets] = useState([]); const UTHO_API_KEY = "Bearer IoNXhkRJsQPyOEqFMceSfzuKaDLrpxUCATgZjiVdvYlBHbwWmGtn"; const [formData, setFormData] = useState({ - datacenter: "mumbai", - plan: "", - name: "", - k8s_version: "1.27", - nodes: 1, - storage: "50", - public_ip: true, - auto_scaling: false, - min_nodes: 1, - max_nodes: 3, + dcslug: "innoida", + cluster_version: "1.24", + cluster_label: "", + nodepools: [{ + label: "default-pool", + size: "", + count: 1, + maxCount: 1 + }], + firewall: "", vpc: "", - subnet: "" + subnet: "", + network_type: "public", + cpumodel: "intel" }); useEffect(() => { @@ -52,19 +55,19 @@ export default function NewKubernetesService() { const plansData = await plansResponse.json(); const vpcsData = await vpcsResponse.json(); -console.log('vpcsData.vpc', vpcsData.vpc) + setPlans(plansData.plans || []); setVpcs(vpcsData.vpc || []); - // Set default VPC and subnet if available + // Set default VPC if available if (vpcsData.vpc?.length > 0) { const firstVpc = vpcsData.vpc[0]; - const firstSubnet = firstVpc.subnets?.[0]?.id || ""; setFormData(prev => ({ ...prev, - vpc: firstVpc.id, - subnet: firstSubnet + vpc: firstVpc.id })); + // Fetch subnets for the default VPC + await fetchSubnets(firstVpc.id); } } catch (error) { console.error("Initial data fetch error:", error); @@ -81,19 +84,49 @@ console.log('vpcsData.vpc', vpcsData.vpc) fetchInitialData(); }, []); - const handleVpcChange = (vpcId) => { - const selectedVpc = vpcs.find(vpc => vpc.id === vpcId); - const firstSubnet = selectedVpc?.subnet?.[0]?.id || ""; + const fetchSubnets = async (vpcId) => { + try { + // First try to get subnets from the VPC data + const selectedVpc = vpcs.find(vpc => vpc.id === vpcId); + if (selectedVpc?.subnet?.length > 0) { + setSubnets(selectedVpc.subnet); + setFormData(prev => ({ + ...prev, + subnet: selectedVpc.subnet[0].id + })); + return; + } + + // If no subnets in VPC data, try the subnets endpoint + const response = await fetch(`https://api.utho.com/v2/vpc/${vpcId}/subnets`, { + headers: { + "Authorization": UTHO_API_KEY, + "Content-Type": "application/json" + } + }); + + if (response.ok) { + const data = await response.json(); + setSubnets(data.subnets || []); + if (data.subnets?.length > 0) { + setFormData(prev => ({ + ...prev, + subnet: data.subnets[0].id + })); + } + } + } catch (error) { + console.error("Error fetching subnets:", error); + } + }; + + const handleVpcChange = async (vpcId) => { setFormData(prev => ({ ...prev, vpc: vpcId, - subnet: firstSubnet + subnet: "" })); - }; - - const getCurrentSubnets = () => { - const selectedVpc = vpcs.find(vpc => vpc.id === formData.vpc); - return selectedVpc?.subnets || []; + await fetchSubnets(vpcId); }; const handleSubmit = async (e) => { @@ -101,27 +134,29 @@ console.log('vpcsData.vpc', vpcsData.vpc) setIsLoading(true); try { - if (!formData.vpc || !formData.subnet) { - throw new Error("Please select both VPC and Subnet to proceed"); + // Validate required fields including subnet + if (!formData.cluster_label || !formData.nodepools[0].size || !formData.vpc || !formData.subnet) { + throw new Error("Please fill all required fields including VPC and Subnet"); } const payload = { - datacenter: formData.datacenter, - plan: formData.plan, - name: formData.name, - k8s_version: formData.k8s_version, - nodes: formData.nodes, - storage: formData.storage, - public_ip: formData.public_ip, + dcslug: formData.dcslug, + cluster_version: formData.cluster_version, + cluster_label: formData.cluster_label, + nodepools: formData.nodepools.map(pool => ({ + label: pool.label, + size: pool.size, + count: pool.count.toString(), + maxCount: pool.maxCount.toString() + })), + firewall: formData.firewall || undefined, vpc: formData.vpc, - subnet: formData.subnet + subnet: formData.subnet, // Now required based on API behavior + network_type: formData.network_type, + cpumodel: formData.cpumodel }; - if (formData.auto_scaling) { - payload.auto_scaling = true; - payload.min_nodes = formData.min_nodes; - payload.max_nodes = formData.max_nodes; - } + console.log("Deployment payload:", payload); const response = await fetch("https://api.utho.com/v2/kubernetes/deploy", { method: "POST", @@ -144,11 +179,18 @@ console.log('vpcsData.vpc', vpcsData.vpc) description: `Cluster ${data.cluster_id || data.id} is being deployed`, variant: "success" }); + // Reset form setFormData(prev => ({ ...prev, - name: "", - plan: "", - nodes: 1 + cluster_label: "", + nodepools: [{ + label: "default-pool", + size: "", + count: 1, + maxCount: 1 + }], + vpc: vpcs[0]?.id || "", + subnet: subnets[0]?.id || "" })); } else { throw new Error(data.message || "Failed to deploy Kubernetes cluster"); @@ -173,6 +215,15 @@ console.log('vpcsData.vpc', vpcsData.vpc) })); }; + const handleNodePoolChange = (index, field, value) => { + const updatedNodePools = [...formData.nodepools]; + updatedNodePools[index][field] = value; + setFormData(prev => ({ + ...prev, + nodepools: updatedNodePools + })); + }; + if (isFetchingData) { return (
@@ -182,8 +233,6 @@ console.log('vpcsData.vpc', vpcsData.vpc) ); } - const currentSubnets = getCurrentSubnets(); - return ( @@ -194,97 +243,164 @@ console.log('vpcsData.vpc', vpcsData.vpc)
- {/* Name, Datacenter, and Kubernetes Version fields */} + {/* Cluster Label */}
- +
+ {/* Data Center and Version */}
- +
- +
- {/* Node Plan and Count */} + {/* Network Type and CPU Model */}
- +
- - CPU Model * +
- {/* VPC and Subnet Selection */} + {/* Node Pool Configuration */} +
+

Node Pool Configuration

+ {formData.nodepools.map((pool, index) => ( +
+
+ + handleNodePoolChange(index, 'label', e.target.value)} + required + /> +
+ +
+
+ + +
+ +
+ + handleNodePoolChange(index, 'count', parseInt(e.target.value))} + required + /> +
+ +
+ + handleNodePoolChange(index, 'maxCount', parseInt(e.target.value))} + /> +
+
+
+ ))} +
+ + {/* VPC and Subnet */}
@@ -314,22 +430,22 @@ console.log('vpcsData.vpc', vpcsData.vpc) value={formData.subnet} onValueChange={(value) => setFormData({...formData, subnet: value})} required - disabled={!formData.vpc || currentSubnets.length === 0} + disabled={!formData.vpc || subnets.length === 0} > - - {formData.subnet || (currentSubnets.length === 0 ? "No subnets available" : "Select subnet")} + + {formData.subnet || (subnets.length === 0 ? "No subnets available" : "Select subnet")} - {currentSubnets.map(subnet => ( + {subnets.map(subnet => ( {subnet.name || subnet.id} ({subnet.network}/{subnet.size}) ))} - {currentSubnets.length === 0 && formData.vpc && ( + {subnets.length === 0 && formData.vpc && (

No subnets found in this VPC. Please create a subnet first.

@@ -337,85 +453,22 @@ console.log('vpcsData.vpc', vpcsData.vpc)
- {/* Storage and Advanced Options */} + {/* Firewall (Optional) */}
- - -
- -
-

Advanced Options

-
-
- setFormData({...formData, public_ip: checked})} - /> - -
- -
- setFormData({...formData, auto_scaling: checked})} - /> - -
- - {formData.auto_scaling && ( -
-
- - -
-
- - -
-
- )} -
+ +
- setFormData(prev => ({ ...prev, content: value || '' }))} - height={400} - preview={editorMode} - commands={allCommands} - /> + setFormData(prev => ({ ...prev, content: value || '' }))} + height={400} + preview={editorMode} + commands={allCommands} + />
diff --git a/src/components/Topics.jsx b/src/components/Topics.jsx index 05ef8e7..8e88423 100644 --- a/src/components/Topics.jsx +++ b/src/components/Topics.jsx @@ -112,10 +112,18 @@ export default function TopicCreation() { return ( <> {isLoggedIn && ( + <>
- +
+ + )} {loading && !topics.length ? ( diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index bda8331..bf487e7 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -45,9 +45,10 @@ const { title, description, ogImage, canonicalURL = new URL(Astro.url.pathname, - - + + + + @@ -186,21 +187,24 @@ const { title, description, ogImage, canonicalURL = new URL(Astro.url.pathname, Home - - - Services + + + + Topic
- Start + Services about About - +
+ +