curo/kite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(10-12): migrate cloud/settings/UI SVGs to AppIcon

Browse Source 
- SearchableModelSelect: chevronDown + pencilEdit
- SettingsCloudTab: warning (x2) + cloud icons
- CloudProviderTreeItem: cloud icon
- CloudFolderTreeItem: folder + fileDoc icons
This commit is contained in:
curo1305
2026-06-16 09:33:57 +02:00
parent 939ea79977
commit bbb9db73e7
4 changed files with 14 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/settings/SettingsCloudTab.vue
+4 -12
View File
@@ -12,10 +12,7 @@
v-if="oauthError"
class="mb-4 p-3 rounded-lg bg-red-50 border border-red-200 flex items-start gap-2"
>
<svg class="w-4 h-4 text-red-600 shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
</svg>
<AppIcon name="warning" class="w-4 h-4 text-red-600 shrink-0 mt-0.5" />
<p class="text-sm text-red-700">{{ oauthError }}</p>
</div>
@@ -28,10 +25,7 @@
<div class="flex items-center gap-3 min-w-0">
<!-- Provider icon -->
<div class="w-8 h-8 rounded-lg bg-gray-50 border border-gray-200 flex items-center justify-center">
<svg class="w-5 h-5" :class="provider.iconColor" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" />
</svg>
<AppIcon name="cloud" class="w-5 h-5" :class="provider.iconColor" />
</div>
<div class="min-w-0">
<span class="text-sm font-semibold text-gray-900">{{ provider.label }}</span>
@@ -154,10 +148,7 @@
v-if="connectionFor(provider.key)?.status === 'REQUIRES_REAUTH'"
class="mx-0 mb-2 p-3 rounded-lg bg-yellow-50 border border-yellow-200 flex items-start gap-2"
>
<svg class="w-4 h-4 text-yellow-600 shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
</svg>
<AppIcon name="warning" class="w-4 h-4 text-yellow-600 shrink-0 mt-0.5" />
<p class="text-sm text-yellow-800">
Your {{ provider.label }} connection needs to be re-authorized.
Click <strong>Reconnect {{ provider.label }}</strong> to restore access.
@@ -203,6 +194,7 @@
import { ref, computed, onMounted } from 'vue'
import { useCloudConnectionsStore } from '../../stores/cloudConnections.js'
import { initiateOAuth } from '../../api/client.js'
import AppIcon from '../ui/AppIcon.vue'
import ConfirmBlock from '../ui/ConfirmBlock.vue'
import CloudCredentialModal from '../cloud/CloudCredentialModal.vue'