B2B-87: add company statistics consent (#29)

* B2B-87: add company statistics consent

* add toggle for company statistics consent under profile

* add toggle for company statistics consent under profile

* add audit logging to accounts

* change policy

* add audit logging to accounts

* remove full account data query and just query the entire account every time

* add comment about consent toggle

* make constants hardcoded, as dynamic ones do not work

* add back pending check

---------

Co-authored-by: Helena <helena@Helenas-MacBook-Pro.local>

app/home/(user)/_components/consent-dialog.tsx

@@ -0,0 +1,73 @@
+'use client';
+
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+
+import { CaretRightIcon } from '@radix-ui/react-icons';
+
+import { useRevalidatePersonalAccountDataQuery } from '@kit/accounts/hooks/use-personal-account-data';
+import { useUpdateAccountData } from '@kit/accounts/hooks/use-update-account';
+import { Button } from '@kit/ui/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@kit/ui/dialog';
+import { toast } from '@kit/ui/sonner';
+import { Trans } from '@kit/ui/trans';
+
+export default function ConsentDialog({ userId }: { userId: string }) {
+  const router = useRouter();
+
+  const updateAccountMutation = useUpdateAccountData(userId);
+  const revalidateUserDataQuery = useRevalidatePersonalAccountDataQuery();
+
+  const updateConsent = (consentToCompanyStatistics: boolean) => {
+    const promise = updateAccountMutation
+      .mutateAsync({
+        has_consent_anonymized_company_statistics: consentToCompanyStatistics,
+      })
+      .then(() => {
+        revalidateUserDataQuery(userId);
+      });
+
+    toast.promise(() => promise, {
+      success: <Trans i18nKey={'account:updateConsentSuccess'} />,
+      error: <Trans i18nKey={'account:updateConsentError'} />,
+      loading: <Trans i18nKey={'account:updateConsentLoading'} />,
+    });
+
+    return router.refresh();
+  };
+
+  return (
+    <Dialog defaultOpen>
+      <DialogContent
+        className="flex max-w-[436px] flex-col items-center gap-4 space-y-4"
+        disableClose
+      >
+        <DialogHeader className="items-center text-center">
+          <Image alt="Toggle" src="/assets/toggle.png" width={96} height={96} />
+          <DialogTitle>
+            <Trans i18nKey="account:consentModal.title" />
+          </DialogTitle>
+          <DialogDescription>
+            <Trans i18nKey="account:consentModal.description" />
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter>
+          <Button variant="secondary" onClick={() => updateConsent(false)}>
+            <Trans i18nKey="account:consentModal.reject" />
+          </Button>
+          <Button onClick={() => updateConsent(true)}>
+            <Trans i18nKey="account:consentModal.accept" />
+            <CaretRightIcon />
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

app/home/(user)/_components/home-menu-navigation.tsx

@@ -5,7 +5,7 @@ import { AppLogo } from '~/components/app-logo';
 import { ProfileAccountDropdownContainer } from '~/components/personal-account-dropdown-container';
 import { Search } from '~/components/ui/search';
 
-import { SIDEBAR_WIDTH } from '../../../../packages/ui/src/shadcn/constants';
+import { SIDEBAR_WIDTH_PROPERTY } from '../../../../packages/ui/src/shadcn/constants';
 // home imports
 import { UserNotifications } from '../_components/user-notifications';
 import { type UserWorkspace } from '../_lib/server/load-user-workspace';
@@ -17,7 +17,7 @@ export function HomeMenuNavigation(props: { workspace: UserWorkspace }) {
 
   return (
     <div className={'flex w-full flex-1 items-center justify-between gap-3'}>
-      <div className={`flex items-center w-[${SIDEBAR_WIDTH}]`}>
+      <div className={`flex items-center ${SIDEBAR_WIDTH_PROPERTY}`}>
         <AppLogo />
 
       </div>