blob: 86bffbb50dc3aad6912472e7257c63719ded3657 (
plain)
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
44
45
|
import type { Ship } from "@/types/urbit";
import Modal from "./Modal";
import Avatar from "../Avatar";
import copyIcon from "@/assets/icons/copy.svg";
import useLocalState from "@/state/state";
import { useLocation } from "wouter";
import toast from "react-hot-toast";
export default function ({ ship }: { ship: Ship }) {
const { setModal, api } = useLocalState();
const [_, navigate] = useLocation();
function close() {
setModal(null);
}
async function copy(e: React.MouseEvent) {
e.stopPropagation();
await navigator.clipboard.writeText(ship);
toast.success("Copied to clipboard");
}
return (
<Modal close={close}>
<div id="ship-modal">
<div className="flex">
<Avatar p={ship} size={60} />
<img
className="copy-icon cp"
role="link"
onClick={copy}
src={copyIcon}
alt=""
/>
</div>
<div className="buttons f1">
<button onClick={() => navigate(`/feed/${ship}`)}>Feed</button>
<button onClick={() => navigate(`/pals/${ship}`)}>Profile</button>
{ship !== api!.airlock.our && (
<>
<button onClick={() => navigate(`/chat/dm/${ship}`)}>DM</button>
</>
)}
</div>
</div>
</Modal>
);
}
|
