merge v0.23.0-rc changes

ui/src/components/collections/CollectionSidebarItem.svelte

@@ -1,8 +1,8 @@
 <script>
-    import { link } from "svelte-spa-router";
-    import CommonHelper from "@/utils/CommonHelper";
     import tooltip from "@/actions/tooltip";
     import { activeCollection } from "@/stores/collections";
+    import CommonHelper from "@/utils/CommonHelper";
+    import { link } from "svelte-spa-router";
 
     export let collection;
     export let pinnedIds;
@@ -28,11 +28,22 @@
     use:link
 >
     <i class={CommonHelper.getCollectionTypeIcon(collection.type)} aria-hidden="true" />
-    <span class="txt m-r-auto">{collection.name}</span>
+
+    <span class="txt">{collection.name}</span>
+
+    {#if collection.type == "auth" && collection.oauth2?.enabled && !collection.oauth2.providers?.length}
+        <i
+            class="ri-alert-line txt-sm link-hint"
+            title=""
+            aria-hidden="true"
+            use:tooltip={"OAuth2 auth is enabled but the collection doesn't have any registered providers"}
+        />
+    {/if}
+
     <!-- svelte-ignore a11y-no-static-element-interactions -->
     <!-- svelte-ignore a11y-click-events-have-key-events -->
     <span
-        class="btn btn-xs btn-circle btn-hint btn-transparent pin-collection"
+        class="btn btn-xs btn-circle btn-hint btn-transparent btn-pin-collection m-l-auto"
         aria-label={"Pin collection"}
         aria-hidden="true"
         use:tooltip={{ position: "right", text: (isPinned ? "Unpin" : "Pin") + " collection" }}
@@ -47,15 +58,15 @@
 </a>
 
 <style lang="scss">
-    .pin-collection {
-        margin: 0 -5px 0 -15px;
+    .btn-pin-collection {
+        margin: 0 -7px 0 -15px;
         opacity: 0;
         transition: opacity var(--baseAnimationSpeed);
         i {
             font-size: inherit;
         }
     }
-    a:hover .pin-collection {
+    a:hover .btn-pin-collection {
         opacity: 0.4;
         &:hover {
             opacity: 1;