Skip to content

Commit 663009f

Browse files
essenmitsosseessenmitsosse
committed
refactor: replace checkmark icon
1 parent 4da7e8d commit 663009f

10 files changed

Lines changed: 20 additions & 22 deletions

File tree

‎app/components/Compare/FacetSelector.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ function isCategoryNoneSelected(category: string): boolean {
8282
facet.comingSoon
8383
? undefined
8484
: isFacetSelected(facet.id)
85-
? 'i-carbon:checkmark'
85+
? 'i-lucide:check'
8686
: 'i-carbon:add'
8787
"
8888
>

‎app/components/Header/ConnectorModal.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@ function handleDisconnect() {
121121
:aria-label="copied ? $t('connector.modal.copied') : $t('connector.modal.copy_command')"
122122
@click="copy('pnpm npmx-connector')"
123123
class="ms-auto"
124-
:classicon="copied ? 'i-carbon:checkmark text-green-500' : 'i-carbon:copy'"
124+
:classicon="copied ? 'i-lucide:check text-green-500' : 'i-carbon:copy'"
125125
/>
126126
</div>
127127

@@ -145,7 +145,7 @@ function handleDisconnect() {
145145
<span v-if="!copied" class="i-carbon:copy block w-5 h-5" aria-hidden="true" />
146146
<span
147147
v-else
148-
class="i-carbon:checkmark block w-5 h-5 text-green-500"
148+
class="i-lucide:check block w-5 h-5 text-green-500"
149149
aria-hidden="true"
150150
/>
151151
</button>

‎app/components/Org/OperationsQueue.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -160,11 +160,11 @@ function getStatusIcon(status: string): string {
160160
case 'pending':
161161
return 'i-carbon:time'
162162
case 'approved':
163-
return 'i-carbon:checkmark'
163+
return 'i-lucide:check'
164164
case 'running':
165165
return 'i-carbon:rotate-180'
166166
case 'completed':
167-
return 'i-carbon:checkmark-filled'
167+
return 'i-lucide:check-filled'
168168
case 'failed':
169169
return 'i-lucide:circle-x-filled'
170170
default:
@@ -283,7 +283,7 @@ watch(isExecuting, executing => {
283283
:aria-label="$t('operations.queue.approve_operation')"
284284
@click="approveOperation(op.id)"
285285
>
286-
<span class="i-carbon:checkmark w-4 h-4" aria-hidden="true" />
286+
<span class="i-lucide:check w-4 h-4" aria-hidden="true" />
287287
</button>
288288
<button
289289
v-if="op.status !== 'running'"
@@ -410,7 +410,7 @@ watch(isExecuting, executing => {
410410
<span
411411
:class="
412412
op.status === 'completed'
413-
? 'i-carbon:checkmark-filled text-green-500'
413+
? 'i-lucide:check-filled text-green-500'
414414
: 'i-lucide:circle-x-filled text-red-500'
415415
"
416416
class="w-3.5 h-3.5 shrink-0 mt-0.5"

‎app/components/Package/ClaimPackageModal.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -158,7 +158,7 @@ const previewPackageJson = computed(() => {
158158
<div
159159
class="flex items-center gap-3 p-4 bg-green-500/10 border border-green-500/20 rounded-lg"
160160
>
161-
<span class="i-carbon:checkmark-filled text-green-500 w-6 h-6" aria-hidden="true" />
161+
<span class="i-lucide:check-filled text-green-500 w-6 h-6" aria-hidden="true" />
162162
<div>
163163
<p class="font-mono text-sm text-fg">{{ $t('claim.modal.success') }}</p>
164164
<p class="text-xs text-fg-muted">
@@ -226,7 +226,7 @@ const previewPackageJson = computed(() => {
226226
v-if="checkResult.available"
227227
class="flex items-center gap-3 p-4 bg-green-500/10 border border-green-500/20 rounded-lg"
228228
>
229-
<span class="i-carbon:checkmark-filled text-green-500 w-5 h-5" aria-hidden="true" />
229+
<span class="i-lucide:check-filled text-green-500 w-5 h-5" aria-hidden="true" />
230230
<p class="font-mono text-sm text-fg">{{ $t('claim.modal.available') }}</p>
231231
</div>
232232

‎app/components/Package/ManagerSelect.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -162,7 +162,7 @@ function handleKeydown(event: KeyboardEvent) {
162162
<span>{{ pm.label }}</span>
163163
<span
164164
v-if="selectedPM === pm.id"
165-
class="i-carbon:checkmark w-3 h-3 text-accent ms-auto"
165+
class="i-lucide:check w-3 h-3 text-accent ms-auto"
166166
aria-hidden="true"
167167
/>
168168
</li>

‎app/components/Package/MetricsBadges.vue‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ const typesHref = computed(() => {
6363
variant="button-secondary"
6464
size="small"
6565
:to="typesHref"
66-
classicon="i-carbon:checkmark"
66+
classicon="i-lucide:check"
6767
>
6868
{{ $t('package.metrics.types_label') }}
6969
</LinkBase>
@@ -75,7 +75,7 @@ const typesHref = computed(() => {
7575
isLoading
7676
? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
7777
: hasTypes
78-
? 'i-carbon:checkmark'
78+
? 'i-lucide:check'
7979
: 'i-lucide:circle-x'
8080
"
8181
>
@@ -97,7 +97,7 @@ const typesHref = computed(() => {
9797
isLoading
9898
? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
9999
: hasEsm
100-
? 'i-carbon:checkmark'
100+
? 'i-lucide:check'
101101
: 'i-lucide:circle-x'
102102
"
103103
>
@@ -113,9 +113,7 @@ const typesHref = computed(() => {
113113
tabindex="0"
114114
:variant="isLoading ? 'ghost' : 'default'"
115115
:classicon="
116-
isLoading
117-
? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
118-
: 'i-carbon:checkmark'
116+
isLoading ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin' : 'i-lucide:check'
119117
"
120118
>
121119
CJS

‎app/components/Package/TableRow.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -191,7 +191,7 @@ const allMaintainersText = computed(() => {
191191
<span class="sr-only">{{ $t('filters.table.security_warning') }}</span>
192192
</span>
193193
<span v-else-if="result.flags !== undefined" class="text-provider-nuxt">
194-
<span class="i-carbon:checkmark w-4 h-4" aria-hidden="true" />
194+
<span class="i-lucide:check w-4 h-4" aria-hidden="true" />
195195
<span class="sr-only">{{ $t('filters.table.secure') }}</span>
196196
</span>
197197
<span v-else class="text-fg-subtle"> - </span>

‎app/components/Readme.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ function handleClick(event: MouseEvent) {
3131
if (!icon) return
3232
3333
const originalIcon = 'i-carbon:copy'
34-
const successIcon = 'i-carbon:checkmark'
34+
const successIcon = 'i-lucide:check'
3535
3636
icon.classList.remove(originalIcon)
3737
icon.classList.add(successIcon)

‎app/pages/package/[[org]]/[name].vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -692,7 +692,7 @@ const showSkeleton = shallowRef(false)
692692
:aria-label="copiedPkgName ? $t('common.copied') : $t('package.copy_name')"
693693
>
694694
<span
695-
:class="copiedPkgName ? 'i-carbon:checkmark' : 'i-carbon:copy'"
695+
:class="copiedPkgName ? 'i-lucide:check' : 'i-carbon:copy'"
696696
class="w-3.5 h-3.5"
697697
aria-hidden="true"
698698
/>
@@ -1063,7 +1063,7 @@ const showSkeleton = shallowRef(false)
10631063
{{ numberFormatter.format(vulnCount) }}
10641064
</span>
10651065
<span v-else class="inline-flex items-center gap-1 text-fg-muted">
1066-
<span class="i-carbon:checkmark w-3 h-3" aria-hidden="true" />
1066+
<span class="i-lucide:check w-3 h-3" aria-hidden="true" />
10671067
{{ numberFormatter.format(0) }}
10681068
</span>
10691069
</span>
@@ -1284,7 +1284,7 @@ const showSkeleton = shallowRef(false)
12841284
:aria-label="
12851285
copiedReadme ? $t('common.copied') : $t('package.readme.copy_as_markdown')
12861286
"
1287-
:classicon="copiedReadme ? 'i-carbon:checkmark' : 'i-simple-icons:markdown'"
1287+
:classicon="copiedReadme ? 'i-lucide:check' : 'i-simple-icons:markdown'"
12881288
>
12891289
{{ copiedReadme ? $t('common.copied') : $t('common.copy') }}
12901290
</ButtonBase>

‎server/utils/readme.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -395,7 +395,7 @@ export async function renderReadmeHtml(
395395
const html = highlightCodeSync(shiki, text, lang || 'text')
396396
// Add copy button
397397
return `<div class="readme-code-block" >
398-
<button type="button" class="readme-copy-button" aria-label="Copy code" check-icon="i-carbon:checkmark" copy-icon="i-carbon:copy" data-copy>
398+
<button type="button" class="readme-copy-button" aria-label="Copy code" check-icon="i-lucide:check" copy-icon="i-carbon:copy" data-copy>
399399
<span class="i-carbon:copy" aria-hidden="true"></span>
400400
<span class="sr-only">Copy code</span>
401401
</button>

0 commit comments

Comments
 (0)