Skip to content

Commit 7654109

Browse files
committed
feat(web-host): repeat start repl button at bottom of home page
1 parent ac396bb commit 7654109

File tree

1 file changed

+15
-9
lines changed

1 file changed

+15
-9
lines changed

packages/web-host/src/components/HomePage.tsx

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -14,17 +14,21 @@ export const HomePage = ({ onStartRepl }: HomePageProps) => {
1414
setTargetUrl(url);
1515
}, []);
1616

17+
const startReplButton = (
18+
<div className="text-center mb-14">
19+
<button
20+
type="button"
21+
onClick={onStartRepl}
22+
className="cursor-pointer bg-gradient-to-r from-[var(--color-wasi-violet)] to-[var(--color-wasi-purple)] shadow-lg hover:from-[var(--color-wasi-purple)] hover:to-[var(--color-wasi-violet)] text-white font-bold py-4 px-12 rounded-full text-xl transition-transform duration-300 ease-out transform hover:scale-[1.3] focus:outline-none focus:ring-4 focus:ring-[var(--color-wasi-violet)]/40 animate-[pulse110_2s_ease-in-out_infinite]"
23+
>
24+
✨ Start REPL ✨
25+
</button>
26+
</div>
27+
);
28+
1729
return (
1830
<div className="container mx-auto px-4 py-12 max-w-4xl">
19-
<div className="text-center mb-14">
20-
<button
21-
type="button"
22-
onClick={onStartRepl}
23-
className="cursor-pointer bg-gradient-to-r from-[var(--color-wasi-violet)] to-[var(--color-wasi-purple)] shadow-lg hover:from-[var(--color-wasi-purple)] hover:to-[var(--color-wasi-violet)] text-white font-bold py-4 px-12 rounded-full text-xl transition-transform duration-300 ease-out transform hover:scale-[1.3] focus:outline-none focus:ring-4 focus:ring-[var(--color-wasi-violet)]/40 animate-[pulse110_2s_ease-in-out_infinite]"
24-
>
25-
✨ Start REPL ✨
26-
</button>
27-
</div>
31+
{startReplButton}
2832

2933
<div className="bg-white rounded-2xl p-8 border border-[var(--color-wasi-purple)]/20 shadow-lg mb-12">
3034
<h3 className="text-2xl font-bold mb-4">What is it?</h3>
@@ -91,6 +95,8 @@ export const HomePage = ({ onStartRepl }: HomePageProps) => {
9195
</div>
9296
</div>
9397

98+
{startReplButton}
99+
94100
{targetUrl && (
95101
<div className="flex flex-col items-center justify-center">
96102
<div className="bg-white rounded-2xl p-8 border border-[var(--color-wasi-violet)]/20 shadow-lg">

0 commit comments

Comments
 (0)