packages/browser-extension/src/NotConfiguredPage.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

import { useNavigate } from "react-router-dom";

export default function NotConfiguredPage() {
  const navigate = useNavigate();
  return (
    <div className="flex flex-col space-y-2">
      <span>To use the plugin, you need to configure it first.</span>
      <button
        className="bg-black text-white"
        onClick={() => navigate("/options")}
      >
        Configure
      </button>
    </div>
  );
}