feat: Add 'no repositories found' message with icon in repo selection

MathisVerstrepen · MathisVerstrepen · commit 29d1571918e7 · 2025-10-28T10:08:13.000-04:00
diff --git a/ui/app/assets/icons/MaterialSymbolsSearchOff.svg b/ui/app/assets/icons/MaterialSymbolsSearchOff.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M7 22q-2.075 0-3.537-1.463T2 17t1.463-3.537T7 12t3.538 1.463T12 17t-1.463 3.538T7 22m13.6-1l-6.4-6.4q-.3-.325-.637-.662T12.9 13.3q.95-.6 1.525-1.6T15 9.5q0-1.875-1.312-3.187T10.5 5T7.313 6.313T6 9.5q0 .15.013.288t.037.287q-.45.05-.987.2t-.963.35q-.05-.275-.075-.55T4 9.5q0-2.725 1.888-4.612T10.5 3t4.613 1.888T17 9.5q0 1.075-.337 2.038t-.938 1.762L22 19.6zM5.225 19.475L7 17.7l1.75 1.775l.725-.7L7.7 17l1.775-1.775l-.7-.7L7 16.3l-1.775-1.775l-.7.7L6.3 17l-1.775 1.775z"/></svg>
diff --git a/ui/app/components/ui/graph/node/utils/github/repoSelect.vue b/ui/app/components/ui/graph/node/utils/github/repoSelect.vue
@@ -213,9 +213,14 @@ watch(selectedSource, (newSource, oldSource) => {
 
                     <div
                         v-else
-                        class="text-soft-silk/50 relative cursor-default px-4 py-2 select-none"
+                        class="text-soft-silk/40 flex flex-col items-center justify-center gap-2
+                            px-4 py-8"
                     >
-                        Nothing found.
+                        <UiIcon name="MaterialSymbolsSearchOff" class="h-6 w-6" />
+                        <p class="text-sm font-medium">No repositories found</p>
+                        <p class="text-soft-silk/30 text-xs">
+                            Try adjusting your search or switching providers
+                        </p>
                     </div>
                 </HeadlessComboboxOptions>
             </HeadlessTransitionRoot>

Nothing found.