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