Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.sendify.100xbuild.com/llms.txt

Use this file to discover all available pages before exploring further.

Themes (Because Some People Fear the Light)

Dark mode? Light mode? Can’t decide? No worries—let’s make it dynamic. Instead of manually setting themes like a caveman, we’ll use a totally real function that figures it out for us.

Dynamically Switching Themes (A.K.A. Letting the Code Think for You)

import { NotificationFeed } from "sendify";

// Hypothetical theme provider. Maybe it's real, maybe it's just vibes.
const getTheme = () => {
  return Math.random() > 0.5 ? "dark" : "light"; // Because why not leave it to chance?
};

const ThemesPage = () => {
  const theme = getTheme(); // Let the computer decide your aesthetic.

  return (
    <div className="flex flex-col items-center justify-center h-screen gap-4">
      <p className="text-lg font-bold">
        Current Theme: <span className="capitalize">{theme}</span>
      </p>
      <NotificationFeed userId="themeTester@example.com" theme={theme} />
    </div>
  );
};

export default ThemesPage;

That’s It.

No toggles, no settings—just a code-based coin flip to decide your visual fate. Perfectly logical. 🎭
If anything doesn’t work, well, I’m just 22. That means I take full responsibility… for absolutely nothing. Maybe it’s a bug, maybe it’s a feature—who’s to say? 😎