blob: e823a3a7fd257ec4e2a884cad6ff877d17d3f893 (
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
46
47
48
|
import type { Ship } from "@/types/urbit";
import Modal from "./Modal";
import Avatar from "../Avatar";
import Icon from "@/components/Icon";
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((s) => ({
setModal: s.setModal,
api: s.api,
}));
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} />
<Icon
name="copy"
size={20}
className="copy-icon cp"
onClick={copy}
title="Copy ship name"
/>
</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>
);
}
|
