From 58f59c88b0f3592ab898f3a24480e032c3f8fad7 Mon Sep 17 00:00:00 2001
From: FlaminWrap <97764630+FlaminWrap@users.noreply.github.com>
Date: Wed, 10 Aug 2022 23:04:52 +0000
Subject: [PATCH] Fix issue #4290

* Fixes issue #4290
* Changed the title from 'Accept Invitation' to 'Invitation to organistaion / Budibase'
* Changed the 'Please enter a password to set up your user.' to 'Please enter a password to get started.'
* Increased width to 300px to allow longer org names
---
 .../src/pages/builder/invite/index.svelte     | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)
diff --git a/packages/builder/src/pages/builder/invite/index.svelte b/packages/builder/src/pages/builder/invite/index.svelte
index 8ac35de07f..2b9e9592f1 100644
--- a/packages/builder/src/pages/builder/invite/index.svelte
+++ b/packages/builder/src/pages/builder/invite/index.svelte
@@ -1,13 +1,16 @@
 <script>
   import { Layout, Heading, Body, Button, notifications } from "@budibase/bbui"
   import { goto, params } from "@roxi/routify"
-  import { users } from "stores/portal"
+  import { users, organisation } from "stores/portal"
   import PasswordRepeatInput from "components/common/users/PasswordRepeatInput.svelte"
   import Logo from "assets/bb-emblem.svg"
+  import { onMount } from "svelte"
 
   const inviteCode = $params["?code"]
   let password, error
-
+  
+  $: company = $organisation.company || "Budibase"
+  
   async function acceptInvite() {
     try {
       await users.acceptInvite(inviteCode, password)
@@ -17,16 +20,24 @@
       notifications.error(error.message)
     }
   }
+  
+  onMount(async () => {
+    try {
+      await organisation.init()
+    } catch (error) {
+      notifications.error("Error getting org config")
+    }
+  })
 </script>
 
 <section>
   <div class="container">
     <Layout>
-      <img src={Logo} alt="logo" />
+      <img alt="logo" src={$organisation.logoUrl || Logo} />
       <Layout gap="XS" justifyItems="center" noPadding>
-        <Heading size="M">Accept Invitation</Heading>
+        <Heading size="M">Invitation to {company}</Heading>
         <Body textAlign="center" size="M">
-          Please enter a password to set up your user.
+          Please enter a password to get started.
         </Body>
       </Layout>
       <PasswordRepeatInput bind:error bind:password />
@@ -46,7 +57,7 @@
   }
   .container {
     margin: 0 auto;
-    width: 260px;
+    width: 300px;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
