mirror of
https://github.com/vercel/flags.git
synced 2026-09-19 03:49:23 +08:00
Dominik Ferber
646778643e
* convert summer-sale to shirt-shop * update deps * canary for snippets * expect errors * upgrade deps * ComponentRef * steps
29 lines
866 B
TypeScript
29 lines
866 B
TypeScript
'use client';
|
|
|
|
import { ArrowPathIcon } from '@heroicons/react/24/outline';
|
|
import { useRouter } from 'next/navigation';
|
|
|
|
export function DevTools() {
|
|
const router = useRouter();
|
|
|
|
const deleteCookie = () => {
|
|
document.cookie =
|
|
'stable-id=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
|
|
router.refresh();
|
|
};
|
|
|
|
return (
|
|
<div className="fixed bottom-2 right-2 p-3 bg-[#333333] rounded shadow-lg z-50 flex flex-col gap-2">
|
|
<span className="text-white font-mono text-xs">Dev Tools</span>
|
|
<button
|
|
type="button"
|
|
className="bg-white text-black font-mono text-xs rounded px-2 py-1 flex items-center gap-2 cursor-pointer hover:bg-gray-200 transition-colors active:bg-gray-300"
|
|
onClick={deleteCookie}
|
|
>
|
|
<ArrowPathIcon className="w-4 h-4" />
|
|
Reset Stable ID
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|