From 958725d54eb9f103ab0b1c2a27a589ea7fc3af7f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?H=C3=A9ricles=20Emanuel?= Date: Fri, 5 Jan 2024 13:59:15 -0300 Subject: [PATCH] feat: editor tabbed --- components/nrf/hero/FullCodeEditor.tsx | 871 +++++++ components/nrf/hero/Monitoring.tsx | 1733 ++++++++++++++ components/nrf/hero/NoCodeEditor.tsx | 2108 +++++++++++++++++ components/nrf/hero/SectionLibrary.tsx | 2876 ++++++++++++++++++++++++ fresh.gen.ts | 2 + islands/NRF/Editor.tsx | 8 +- islands/NRF/Features.tsx | 11 +- islands/NRF/HeroEditor.tsx | 33 +- islands/NRF/HeroEditorTabbed.tsx | 81 + manifest.gen.ts | 412 ++-- sections/NRF/Hero.tsx | 33 +- static/tailwind.css | 2 +- tailwind.css | 114 +- 13 files changed, 7992 insertions(+), 292 deletions(-) create mode 100644 components/nrf/hero/FullCodeEditor.tsx create mode 100644 components/nrf/hero/Monitoring.tsx create mode 100644 components/nrf/hero/NoCodeEditor.tsx create mode 100644 components/nrf/hero/SectionLibrary.tsx create mode 100644 islands/NRF/HeroEditorTabbed.tsx diff --git a/components/nrf/hero/FullCodeEditor.tsx b/components/nrf/hero/FullCodeEditor.tsx new file mode 100644 index 00000000..ebb03e0c --- /dev/null +++ b/components/nrf/hero/FullCodeEditor.tsx @@ -0,0 +1,871 @@ +export const FullCodeEditor = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/components/nrf/hero/Monitoring.tsx b/components/nrf/hero/Monitoring.tsx new file mode 100644 index 00000000..9932b781 --- /dev/null +++ b/components/nrf/hero/Monitoring.tsx @@ -0,0 +1,1733 @@ +export const Monitoring = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/components/nrf/hero/NoCodeEditor.tsx b/components/nrf/hero/NoCodeEditor.tsx new file mode 100644 index 00000000..340cb893 --- /dev/null +++ b/components/nrf/hero/NoCodeEditor.tsx @@ -0,0 +1,2108 @@ +export const NoCodeEditor = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/components/nrf/hero/SectionLibrary.tsx b/components/nrf/hero/SectionLibrary.tsx new file mode 100644 index 00000000..235614b4 --- /dev/null +++ b/components/nrf/hero/SectionLibrary.tsx @@ -0,0 +1,2876 @@ +export const SectionLibrary = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/fresh.gen.ts b/fresh.gen.ts index e713b556..70791c3f 100644 --- a/fresh.gen.ts +++ b/fresh.gen.ts @@ -32,6 +32,7 @@ import * as $NRF_Faq from "./islands/NRF/Faq.tsx"; import * as $NRF_Features from "./islands/NRF/Features.tsx"; import * as $NRF_Header from "./islands/NRF/Header.tsx"; import * as $NRF_HeroEditor from "./islands/NRF/HeroEditor.tsx"; +import * as $NRF_HeroEditorTabbed from "./islands/NRF/HeroEditorTabbed.tsx"; import * as $NRF_PageWrapper from "./islands/NRF/PageWrapper.tsx"; import * as $NRF_TextLines from "./islands/NRF/TextLines.tsx"; import * as $OnThisPage from "./islands/OnThisPage.tsx"; @@ -77,6 +78,7 @@ const manifest = { "./islands/NRF/Features.tsx": $NRF_Features, "./islands/NRF/Header.tsx": $NRF_Header, "./islands/NRF/HeroEditor.tsx": $NRF_HeroEditor, + "./islands/NRF/HeroEditorTabbed.tsx": $NRF_HeroEditorTabbed, "./islands/NRF/PageWrapper.tsx": $NRF_PageWrapper, "./islands/NRF/TextLines.tsx": $NRF_TextLines, "./islands/OnThisPage.tsx": $OnThisPage, diff --git a/islands/NRF/Editor.tsx b/islands/NRF/Editor.tsx index e657ed7d..bb122614 100644 --- a/islands/NRF/Editor.tsx +++ b/islands/NRF/Editor.tsx @@ -130,7 +130,7 @@ export default function Editor({ features }: Props) { }, []); return ( -
+