ProCelebration.tsx

646 B · raw

1import { createSignal, onCleanup, onMount } from "solid-js";2import { PeachMark } from "../components/PeachMark";34export function ProCelebration() {5  const [leaving, setLeaving] = createSignal(false);67  onMount(() => {8    const t = window.setTimeout(() => setLeaving(true), 1800);9    onCleanup(() => window.clearTimeout(t));10  });1112  return (13    <div class="peach-pro-celebration" classList={{ "is-leaving": leaving() }}>14      <div class="peach-pro-bloom-target"><PeachMark class="peach-pro-bloom-icon" /></div>15      <div class="peach-pro-wordmark">peach pro</div>16      <div class="peach-pro-thankyou">thank you.</div>17    </div>18  );19}