Prevent editors from requesting beta access

Author: myieye

frontend/src/lib/i18n/locales/en.json

@@ -680,6 +680,7 @@ it's done, you should see your project in FieldWorks Lite and be able to use it.
     "user_not_in_beta": "FieldWorks Lite is currently in a beta testing phase. \n\
 Only selected early access users can download Lexbox projects in FieldWorks Lite. \n\
 Click the button below to request to join the early access program. It may take a few days for us to respond.",
+    "only_managers_can_request_beta": "Only project managers can request early access to FieldWorks Lite.",
     "request_beta_access": "Request early access to FieldWorks Lite",
     "access_request_sent": "Your request to join the early access program has been submitted",
     "already_in_beta": "You're already in the early access program",

frontend/src/routes/(authenticated)/wheresMyProject/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import type { PageData } from './$types';
   import { TitlePage } from '$lib/layout';
   import t from '$lib/i18n';
   import Markdown from 'svelte-exmarkdown';
@@ -7,9 +8,18 @@
   import { page } from '$app/state';
   import { _sendFWLiteBetaRequestEmail } from './+page';
   import type { UUID } from 'crypto';
-  import { SendFwLiteBetaRequestEmailResult } from '$lib/gql/generated/graphql';
+  import { ProjectRole, SendFwLiteBetaRequestEmailResult } from '$lib/gql/generated/graphql';
   import { useNotifications } from '$lib/notify';
 
+  interface Props {
+    data: PageData;
+  }
+
+  const { data }: Props = $props();
+
+  const user = $derived(data.user);
+  const managesProjects = $derived(user.isAdmin || user.projects.some(proj => proj.role === ProjectRole.Manager));
+
   const { notifySuccess } = useNotifications();
 
   let requesting = $state(false);
@@ -45,7 +55,10 @@
       {#snippet missingFlagContent()}
         <Markdown md={$t('where_is_my_project.user_not_in_beta')} />
         <div class="text-center">
-          <Button loading={requesting} variant="btn-primary" onclick={requestBetaAccess}>{$t('where_is_my_project.request_beta_access')}</Button>
+          <Button disabled={!managesProjects} loading={requesting} variant="btn-primary" onclick={requestBetaAccess}>{$t('where_is_my_project.request_beta_access')}</Button>
+          {#if !managesProjects}
+            <p class="mt-2 text-error">{$t('where_is_my_project.only_managers_can_request_beta')}</p>
+          {/if}
         </div>
       {/snippet}
     </FeatureFlagAlternateContent>