2023-09-01 11:12:30 +00:00
|
|
|
import { IssueEmojiReactions, IssueVotes } from "components/issues/peek-overview";
|
|
|
|
import { useMobxStore } from "lib/mobx/store-provider";
|
|
|
|
|
|
|
|
export const IssueReactions: React.FC = () => {
|
|
|
|
const { project: projectStore } = useMobxStore();
|
|
|
|
|
|
|
|
return (
|
2023-12-10 10:18:10 +00:00
|
|
|
<div className="mt-4 flex items-center gap-3">
|
2023-09-01 11:12:30 +00:00
|
|
|
{projectStore?.deploySettings?.votes && (
|
|
|
|
<>
|
2023-12-10 10:18:10 +00:00
|
|
|
<div className="flex items-center gap-2">
|
2023-09-01 11:12:30 +00:00
|
|
|
<IssueVotes />
|
|
|
|
</div>
|
2023-12-10 10:18:10 +00:00
|
|
|
<div className="h-8 w-0.5 bg-custom-background-200" />
|
2023-09-01 11:12:30 +00:00
|
|
|
</>
|
|
|
|
)}
|
|
|
|
{projectStore?.deploySettings?.reactions && (
|
2023-12-10 10:18:10 +00:00
|
|
|
<div className="flex items-center gap-2">
|
2023-09-01 11:12:30 +00:00
|
|
|
<IssueEmojiReactions />
|
|
|
|
</div>
|
|
|
|
)}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|