seb/dashfront
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

u

Browse Source
This commit is contained in:
seb
2026-10-05 01:01:03 +02:00
parent 81b59fd309
commit b766769634
59 changed files with 903 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/brand/BrandImageSearchDialog.jsx
View File

@@ -27,6 +27,14 @@ import { enqueueSnackbar } from 'notistack';
import { serper } from '../../api';
import brandAutomat from '../../automats/brandAutomat';
import { downloadAndPrepareLogoAvif } from '../../utils/cropLogo';
import {
CHECKERBOARD,
INFO_RIBBON,
SCRIM_LABEL,
VEIL_CARD_STRONG,
VEIL_OVERLAY,
WHITE,
} from '../../colors';
/**
* Dialog that searches Google Images via Serper.dev SSE stream for a brand logo.
@@ -420,9 +428,8 @@ export default class BrandImageSearchDialog extends PureComponent {
overflow: 'hidden',
border: '1px solid',
borderColor: isThisProcessing ? 'primary.main' : 'divider',
bgcolor: '#fff',
backgroundImage:
'linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)',
bgcolor: WHITE,
backgroundImage: CHECKERBOARD,
backgroundSize: '16px 16px',
backgroundPosition: '0 0, 0 8px, 8px -8px, -8px 0px',
cursor: processingId ? 'default' : 'pointer',
@@ -484,8 +491,8 @@ export default class BrandImageSearchDialog extends PureComponent {
height: 16,
fontSize: '0.62rem',
fontWeight: 600,
bgcolor: 'rgba(0, 0, 0, 0.65)',
color: '#fff',
bgcolor: SCRIM_LABEL,
color: WHITE,
pointerEvents: 'none',
px: 0.25,
}}
@@ -503,9 +510,9 @@ export default class BrandImageSearchDialog extends PureComponent {
right: 0,
py: 0.6,
px: 0.8,
bgcolor: 'rgba(25, 118, 210, 0.92)',
bgcolor: INFO_RIBBON,
backdropFilter: 'blur(3px)',
color: '#fff',
color: WHITE,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
@@ -532,7 +539,7 @@ export default class BrandImageSearchDialog extends PureComponent {
sx={{
position: 'absolute',
inset: 0,
bgcolor: 'rgba(255, 255, 255, 0.92)',
bgcolor: VEIL_OVERLAY,
backdropFilter: 'blur(3px)',
display: 'flex',
flexDirection: 'column',
@@ -578,9 +585,9 @@ export default class BrandImageSearchDialog extends PureComponent {
onClick={(e) => this.handleCopyUrl(img.url, e)}
sx={{
p: 0.5,
bgcolor: 'rgba(255, 255, 255, 0.9)',
bgcolor: VEIL_CARD_STRONG,
boxShadow: 1,
'&:hover': { bgcolor: '#fff' },
'&:hover': { bgcolor: WHITE },
}}
>
<ContentCopyIcon sx={{ fontSize: 14, color: 'text.primary' }} />
@@ -592,9 +599,9 @@ export default class BrandImageSearchDialog extends PureComponent {
onClick={(e) => this.handleOpenUrl(img.url, e)}
sx={{
p: 0.5,
bgcolor: 'rgba(255, 255, 255, 0.9)',
bgcolor: VEIL_CARD_STRONG,
boxShadow: 1,
'&:hover': { bgcolor: '#fff' },
'&:hover': { bgcolor: WHITE },
}}
>
<OpenInNewIcon sx={{ fontSize: 14, color: 'text.primary' }} />