From b59f65f53d2ed5b4594a1447ade31f7f9f1683eb Mon Sep 17 00:00:00 2001 From: DuroCodes Date: Mon, 19 Aug 2024 08:35:17 -0400 Subject: [PATCH] fix: fix overflow for pages by making `body` background color the theme color; change default code to 'Hello World' rather than 'No Code Provided' --- src/components/CodeBlock.tsx | 2 +- src/components/SaveButton.tsx | 2 +- src/pages/index.astro | 15 +++++++++++---- 3 files changed, 13 insertions(+), 6 deletions(-) diff --git a/src/components/CodeBlock.tsx b/src/components/CodeBlock.tsx index 53824de..b2b1548 100644 --- a/src/components/CodeBlock.tsx +++ b/src/components/CodeBlock.tsx @@ -31,7 +31,7 @@ export default function CodeBlock() { spellCheck={false} />
diff --git a/src/components/SaveButton.tsx b/src/components/SaveButton.tsx index 09c185b..5eb57d9 100644 --- a/src/components/SaveButton.tsx +++ b/src/components/SaveButton.tsx @@ -12,7 +12,7 @@ export default function SaveButton() { const save = async () => { setSaving(true); - const result = await unwrapOr(encode(code), ""); + const result = await unwrapOr(encode(code), "Hello World"); const url = `${window.location.origin}/?l=${$langStore.get()}&t=${$themeStore.get()}&c=${result}`; navigator.clipboard.writeText(url); diff --git a/src/pages/index.astro b/src/pages/index.astro index 4c878c8..516236d 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -2,19 +2,26 @@ import "../styles/global.css"; import { type BundledTheme } from "shiki"; import Editor from "../components/Editor"; -import { $codeStore, $langStore, $themeStore, parseLang } from "../utils/theme"; +import { + $codeStore, + $langStore, + $themeStore, + $themeColorsStore, + parseLang, +} from "../utils/theme"; import { decode } from "../utils/encode"; import { unwrapOr } from "../utils/result"; const langParam = Astro.url.searchParams.get("l") ?? "txt"; const themeParam = Astro.url.searchParams.get("t") ?? "github-dark-default"; + const codeParam = Astro.url.searchParams.get("c") ?? - "H4sIAAAAAAAAE_PLV3DOT0lVCCjKL8tMSU0BAGFoYswQAAAA"; + "H4sIAAAAAAAAE_NIzcnJVwjPL8pJAQBWsRdKCwAAAA"; const code = await unwrapOr( decode(codeParam), - "H4sIAAAAAAAAE_PLV3DOT0lVCCjKL8tMSU0BAGFoYswQAAAA", + "H4sIAAAAAAAAE_NIzcnJVwjPL8pJAQBWsRdKCwAAAA", ); $codeStore.set(code); @@ -42,7 +49,7 @@ $themeStore.set(themeParam as BundledTheme); - +