feat: add edit menu on mobile

src/hooks/use-edit-comment-privileges.ts

@@ -0,0 +1,21 @@
+import { useAccount, useSubplebbit } from '@plebbit/plebbit-react-hooks';
+
+interface EditCommentPrivileges {
+  commentAuthorAddress: string;
+  subplebbitAddress: string;
+}
+
+const useEditCommentPrivileges = ({ commentAuthorAddress, subplebbitAddress }: EditCommentPrivileges) => {
+  const accountAuthorAddress = useAccount().author?.address;
+  const { roles } = useSubplebbit({ subplebbitAddress }) || {};
+
+  const commentAuthorRole = roles?.[commentAuthorAddress]?.role;
+  const isCommentAuthorMod = commentAuthorRole === 'admin' || commentAuthorRole === 'owner' || commentAuthorRole === 'moderator';
+  const accountAuthorRole = roles?.[accountAuthorAddress]?.role;
+  const isAccountMod = accountAuthorRole === 'admin' || accountAuthorRole === 'owner' || accountAuthorRole === 'moderator';
+  const isAccountCommentAuthor = accountAuthorAddress === commentAuthorAddress;
+
+  return { isCommentAuthorMod, isAccountMod, isAccountCommentAuthor };
+};
+
+export default useEditCommentPrivileges;