mirror of
https://github.com/aykhans/slash-e.git
synced 2025-04-21 06:13:33 +00:00
28 lines
1.1 KiB
TypeScript
28 lines
1.1 KiB
TypeScript
import { useWorkspaceStore } from "@/stores";
|
|
import Icon from "./Icon";
|
|
|
|
const DemoBanner: React.FC = () => {
|
|
const workspaceStore = useWorkspaceStore();
|
|
const shouldShow = workspaceStore.profile.mode === "demo";
|
|
|
|
if (!shouldShow) return null;
|
|
|
|
return (
|
|
<div className="z-10 relative flex flex-row items-center justify-center w-full py-2 text-sm sm:text-lg font-medium dark:text-gray-300 bg-white dark:bg-zinc-700 shadow">
|
|
<div className="w-full max-w-8xl px-4 md:px-12 flex flex-row justify-between items-center gap-x-3">
|
|
<span>✨🔗 Slash - An open source, self-hosted links shortener and sharing platform</span>
|
|
<a
|
|
className="shadow flex flex-row justify-center items-center px-2 py-1 rounded-md text-sm sm:text-base text-white bg-blue-600 hover:bg-blue-700"
|
|
href="https://github.com/yourselfhosted/slash#deploy-with-docker-in-seconds"
|
|
target="_blank"
|
|
>
|
|
Install
|
|
<Icon.ExternalLink className="w-4 h-auto ml-1" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default DemoBanner;
|