apps/web/components/dashboard/bookmarks/TopNav.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

"use client";

import { Link, NotebookPen } from "lucide-react";
import { Button } from "@/components/ui/button";
import { BookmarkedTextEditor } from "./BookmarkedTextEditor";
import { useState } from "react";
import { AddLinkButton } from "./AddLinkButton";
import { SearchInput } from "../search/SearchInput";

function AddText() {
  const [isEditorOpen, setEditorOpen] = useState(false);

  return (
    <div className="flex">
      <BookmarkedTextEditor open={isEditorOpen} setOpen={setEditorOpen} />
      <Button className="m-auto" onClick={() => setEditorOpen(true)}>
        <NotebookPen />
      </Button>
    </div>
  );
}

function AddLink() {
  return (
    <div className="flex">
      <AddLinkButton>
        <Button className="m-auto">
          <Link />
        </Button>
      </AddLinkButton>
    </div>
  );
}

export default function TopNav() {
  return (
    <div className="container flex gap-2 py-4">
      <SearchInput />
      <AddLink />
      <AddText />
    </div>
  );
}