mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-05-09 07:34:55 -04:00
Code Issues Packages Projects Releases Wiki Activity

Replace emoji icons in buttons with Lucide React components for improved scalability and consistency

Browse Source
This commit is contained in:
MartinBraquet
2026-05-08 18:56:09 +02:00
parent c4e924dc97
commit 2781341269
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/filters/search.tsx
View File

@@ -3,6 +3,7 @@ import {DisplayUser} from 'common/api/user-types'
import {FilterFields} from 'common/filters'
import {Profile} from 'common/profiles/profile'
import {debounce as debounceFn} from 'lodash'
import {Bell} from 'lucide-react'
import {forwardRef, ReactElement, useEffect, useRef, useState} from 'react'
import toast from 'react-hot-toast'
import {IoFilterSharp} from 'react-icons/io5'
@@ -233,9 +234,9 @@ export const Search = forwardRef<
}}
// size={'xs'}
color={'none'}
className={'text-white bg-primary-500 hover:bg-primary-400 rounded-xl'}
className={'text-white bg-primary-500 hover:bg-primary-400 rounded-xl text-xs'}
>
🔔{' '}
<Bell className="h-4 w-4 mr-1 hidden sm:flex" />{' '}
{bookmarked
? t('common.saved', 'Saved!')
: loadingBookmark

10
web/components/searches/button.tsx
View File

@@ -4,6 +4,7 @@ import {DisplayUser} from 'common/api/user-types'
import {FilterFields} from 'common/filters'
import {formatFilters, locationType} from 'common/filters-format'
import {User} from 'common/user'
import {Star, Users} from 'lucide-react'
import Link from 'next/link'
import {useState} from 'react'
import toast from 'react-hot-toast'
@@ -37,9 +38,10 @@ export function BookmarkSearchButton(props: {
onClick={() => setOpen(true)}
color="gray-outline"
// size={'xs'}
className={'rounded-xl bg-canvas-50'}
className={'rounded-xl bg-canvas-50 text-xs'}
>
⭐ {t('saved_searches.button', 'Saved Searches')}
<Star className="h-4 w-4 mr-1 hidden sm:flex" />{' '}
{t('saved_searches.button', 'Saved Searches')}
</Button>
<ButtonModal
open={open}
@@ -165,9 +167,9 @@ export function BookmarkStarButton(props: {
onClick={() => setOpen(true)}
color="gray-outline"
// size={'xs'}
className={'rounded-xl bg-canvas-50'}
className={'rounded-xl bg-canvas-50 text-xs'}
>
👥 {t('saved_people.button', 'Saved People')}
<Users className="h-4 w-4 mr-1 hidden sm:flex" /> {t('saved_people.button', 'Saved People')}
</Button>
<StarModal
open={open}