Change icon

packages/builder/src/pages/builder/portal/users/_components/SCIMInfo.svelte

@@ -2,13 +2,13 @@
   import { IconAvatar } from "@budibase/bbui"
 
   export let text = ""
-  export let size = "S"
+  export let iconSize = "S"
 </script>
 
 <div class="scim-banner">
   <IconAvatar
-    name="Sync"
-    {size}
+    icon="Sync"
+    size={iconSize}
     background={"var(--spectrum-global-color-gray-500)"}
   />
   {text}

packages/builder/src/pages/builder/portal/users/groups/_components/GroupIcon.svelte

@@ -11,7 +11,7 @@
 
   {#if group.scimInfo?.isSync}
     <div class="scim-sync">
-      <ScimInfo size="XXS" />
+      <ScimInfo iconSize="XXS" />
     </div>
   {/if}
 </div>

packages/builder/src/pages/builder/portal/users/groups/index.svelte

@@ -21,7 +21,7 @@
   import UsersTableRenderer from "./_components/UsersTableRenderer.svelte"
   import GroupNameTableRenderer from "./_components/GroupNameTableRenderer.svelte"
   import { goto } from "@roxi/routify"
-  import ScimBanner from "../_components/SCIMBanner.svelte"
+  import ScimInfo from "../_components/SCIMInfo.svelte"
   import { sdk } from "@budibase/shared-core"
 
   const DefaultGroup = {
@@ -116,7 +116,7 @@
             Add group
           </Button>
         {:else}
-          <ScimBanner />
+          <ScimInfo text="Users are synced from your AD" />
         {/if}
       {:else}
         <Button