diff --git a/components/Logo.tsx b/components/Logo.tsx
index 88c248f..e30f6ea 100644
--- a/components/Logo.tsx
+++ b/components/Logo.tsx
@@ -1,7 +1,7 @@
import { styled } from "../stitches.config";
const SVG = styled("svg", {
- "& #path-one, & #path-two": {
+ "& #path": {
fill: "$text",
},
});
@@ -16,19 +16,15 @@ function Logo({
);
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index 8e9dbdd..82d7999 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -61,7 +61,7 @@ const Navigation = () => {
pr: "$4",
}}
>
-
+
{
css={{ fontSize: "$xs", color: "$mauve10", lineHeight: 1 }}
>
{snap.files.length > 0 ? "Gist: " : "Playground"}
-
- {snap.files.length > 0 &&
- `${snap.gistOwner || "-"}/${truncate(snap.gistId || "")}`}
-
+ {snap.files.length > 0 && (
+
+
+ {`${snap.gistOwner || "-"}/${truncate(
+ snap.gistId || ""
+ )}`}
+
+
+ )}
)}
@@ -391,9 +406,13 @@ const Navigation = () => {
-
+
+
+
+
+
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 8a96417..5878f85 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -18,6 +18,9 @@ function MyApp({ Component, pageProps: { session, ...pageProps } }: AppProps) {
const slug = router.query?.slug;
const gistId = (Array.isArray(slug) && slug[0]) ?? null;
+ const origin = "https://xrpl-hooks-ide.vercel.app"; // TODO: Change when site is deployed
+ const shareImg = "/share-image.png";
+
useEffect(() => {
if (gistId && router.isReady) {
fetchFiles(gistId);
@@ -31,7 +34,72 @@ function MyApp({ Component, pageProps: { session, ...pageProps } }: AppProps) {
return (
<>
- XRPL Hooks Playground
+
+
+
+
+ XRPL Hooks Editor
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 2c27dc4..42fbba9 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -16,21 +16,10 @@ class MyDocument extends Document {
}
render() {
globalStyles();
+
return (
-
-
-
-
-