mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
17f83d6458
* dev: change layout * chore: replace workspace slug and project id with anchor * chore: migration fixes * chore: update filtering logic * chore: endpoint changes * chore: update endpoint * chore: changed url pratterns * chore: use client side for layout and page * chore: issue vote changes * chore: project deploy board response change * refactor: publish project store and components * fix: update layout options after fetching settings * chore: remove unnecessary types * style: peek overview * refactor: components folder structure * fix: redirect from old path * chore: make the whole issue block clickable * chore: removed the migration file * chore: add server side redirection for old routes * chore: is enabled key change * chore: update types * chore: removed the migration file --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
32 lines
856 B
TypeScript
32 lines
856 B
TypeScript
import { observer } from "mobx-react-lite";
|
|
import { IssueEmojiReactions, IssueVotes } from "@/components/issues/peek-overview";
|
|
// hooks
|
|
import { usePublish } from "@/hooks/store";
|
|
import useIsInIframe from "@/hooks/use-is-in-iframe";
|
|
|
|
type Props = {
|
|
anchor: string;
|
|
};
|
|
|
|
export const IssueReactions: React.FC<Props> = observer((props) => {
|
|
const { anchor } = props;
|
|
// store hooks
|
|
const { canVote, canReact } = usePublish(anchor);
|
|
const isInIframe = useIsInIframe();
|
|
|
|
return (
|
|
<div className="mt-4 flex items-center gap-3">
|
|
{canVote && (
|
|
<div className="flex items-center gap-2">
|
|
<IssueVotes anchor={anchor} />
|
|
</div>
|
|
)}
|
|
{!isInIframe && canReact && (
|
|
<div className="flex items-center gap-2">
|
|
<IssueEmojiReactions anchor={anchor} />
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
});
|