справлено отображение изображений на кнопках: заменены строковые пути на импорты из images

This commit is contained in:
kazachilo 2025-03-13 17:14:11 +03:00
parent 8f31c6371b
commit 5456532ddd

View File

@ -1,4 +1,5 @@
import { BlockButton } from '../types/blocks'; import { BlockButton } from '../types/blocks';
import { images } from '../assets';
interface StylePresets { interface StylePresets {
[key: string]: { [key: string]: {
@ -17,7 +18,7 @@ export const stylePresets: StylePresets = {
colors: ['#FF5722', '#F4511E'] colors: ['#FF5722', '#F4511E']
}, },
title: 'Спорткар', title: 'Спорткар',
imageUrl: '/src/assets/sportcar250x.png', imageUrl: images.sportcar,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'sportscar' value: 'sportscar'
@ -31,7 +32,7 @@ export const stylePresets: StylePresets = {
colors: ['#4CAF50', '#45A049'] colors: ['#4CAF50', '#45A049']
}, },
title: 'Скейтборд', title: 'Скейтборд',
imageUrl: '/src/assets/scateboard250x.png', imageUrl: images.skateboard,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'skateboard' value: 'skateboard'
@ -45,7 +46,7 @@ export const stylePresets: StylePresets = {
colors: ['#795548', '#5D4037'] colors: ['#795548', '#5D4037']
}, },
title: 'Кофе', title: 'Кофе',
imageUrl: '/src/assets/coffee250x.png', imageUrl: images.coffee,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'coffee' value: 'coffee'
@ -59,7 +60,7 @@ export const stylePresets: StylePresets = {
colors: ['#FF69B4', '#FF1493'] colors: ['#FF69B4', '#FF1493']
}, },
title: 'Цветы', title: 'Цветы',
imageUrl: '/src/assets/flowers250x.png', imageUrl: images.flowers,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'flowers' value: 'flowers'
@ -73,7 +74,7 @@ export const stylePresets: StylePresets = {
colors: ['#2196F3', '#1976D2'] colors: ['#2196F3', '#1976D2']
}, },
title: 'Шарик', title: 'Шарик',
imageUrl: '/src/assets/balloon250x.png', imageUrl: images.balloon,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'balloon' value: 'balloon'
@ -87,7 +88,7 @@ export const stylePresets: StylePresets = {
colors: ['#9C27B0', '#7B1FA2'] colors: ['#9C27B0', '#7B1FA2']
}, },
title: 'Книга', title: 'Книга',
imageUrl: '/src/assets/book250x.png', imageUrl: images.book,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'book' value: 'book'
@ -101,7 +102,7 @@ export const stylePresets: StylePresets = {
colors: ['#FF69B4', '#FF1493'] colors: ['#FF69B4', '#FF1493']
}, },
title: 'Мороженое', title: 'Мороженое',
imageUrl: '/src/assets/icecream250x.png', imageUrl: images.icecream,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'icecream' value: 'icecream'
@ -115,7 +116,7 @@ export const stylePresets: StylePresets = {
colors: ['#3F51B5', '#303F9F'] colors: ['#3F51B5', '#303F9F']
}, },
title: 'Зонт', title: 'Зонт',
imageUrl: '/src/assets/umbrella250x.png', imageUrl: images.umbrella,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'umbrella' value: 'umbrella'
@ -129,7 +130,7 @@ export const stylePresets: StylePresets = {
colors: ['#E91E63', '#C2185B'] colors: ['#E91E63', '#C2185B']
}, },
title: 'Коктейль', title: 'Коктейль',
imageUrl: '/src/assets/coctail250x.png', imageUrl: images.cocktail,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'cocktail' value: 'cocktail'
@ -143,7 +144,7 @@ export const stylePresets: StylePresets = {
colors: ['#FF69B4', '#FF1493'] colors: ['#FF69B4', '#FF1493']
}, },
title: 'Подарок', title: 'Подарок',
imageUrl: '/src/assets/gift250x.png', imageUrl: images.gift,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'gift' value: 'gift'
@ -157,7 +158,7 @@ export const stylePresets: StylePresets = {
colors: ['#795548', '#5D4037'] colors: ['#795548', '#5D4037']
}, },
title: 'Собака', title: 'Собака',
imageUrl: '/src/assets/dog250x.png', imageUrl: images.dog,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'dog' value: 'dog'
@ -171,7 +172,7 @@ export const stylePresets: StylePresets = {
colors: ['#607D8B', '#455A64'] colors: ['#607D8B', '#455A64']
}, },
title: 'Газета', title: 'Газета',
imageUrl: '/src/assets/newspaper250x.png', imageUrl: images.newspaper,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'newspaper' value: 'newspaper'
@ -185,7 +186,7 @@ export const stylePresets: StylePresets = {
colors: ['#4CAF50', '#45A049'] colors: ['#4CAF50', '#45A049']
}, },
title: 'Велосипед', title: 'Велосипед',
imageUrl: '/src/assets/bicecle250x.png', imageUrl: images.bicycle,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'bicycle' value: 'bicycle'
@ -199,7 +200,7 @@ export const stylePresets: StylePresets = {
colors: ['#00BCD4', '#0097A7'] colors: ['#00BCD4', '#0097A7']
}, },
title: 'Серфер', title: 'Серфер',
imageUrl: '/src/assets/surfing250x.png', imageUrl: images.surfing,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'surfer' value: 'surfer'
@ -213,7 +214,7 @@ export const stylePresets: StylePresets = {
colors: ['#9E9E9E', '#757575'] colors: ['#9E9E9E', '#757575']
}, },
title: 'Детектив', title: 'Детектив',
imageUrl: '/src/assets/detektiv250x.png', imageUrl: images.detective,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'detective' value: 'detective'
@ -227,7 +228,7 @@ export const stylePresets: StylePresets = {
colors: ['#212121', '#000000'] colors: ['#212121', '#000000']
}, },
title: 'Байкер', title: 'Байкер',
imageUrl: '/src/assets/moto250x.png', imageUrl: images.moto,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'biker' value: 'biker'
@ -241,7 +242,7 @@ export const stylePresets: StylePresets = {
colors: ['#FF69B4', '#FF1493'] colors: ['#FF69B4', '#FF1493']
}, },
title: 'Фея', title: 'Фея',
imageUrl: '/src/assets/fairy250x.png', imageUrl: images.fairy,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'fairy' value: 'fairy'
@ -255,7 +256,7 @@ export const stylePresets: StylePresets = {
colors: ['#3F51B5', '#303F9F'] colors: ['#3F51B5', '#303F9F']
}, },
title: 'Ученый', title: 'Ученый',
imageUrl: '/src/assets/sience250x.png', imageUrl: images.science,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'scientist' value: 'scientist'
@ -269,7 +270,7 @@ export const stylePresets: StylePresets = {
colors: ['#795548', '#5D4037'] colors: ['#795548', '#5D4037']
}, },
title: 'Ковбой', title: 'Ковбой',
imageUrl: '/src/assets/cowboy250x.png', imageUrl: images.cowboy,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'cowboy' value: 'cowboy'
@ -283,7 +284,7 @@ export const stylePresets: StylePresets = {
colors: ['#607D8B', '#455A64'] colors: ['#607D8B', '#455A64']
}, },
title: 'Рыцарь', title: 'Рыцарь',
imageUrl: '/src/assets/knight250x.png', imageUrl: images.knight,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'knight' value: 'knight'
@ -297,7 +298,7 @@ export const stylePresets: StylePresets = {
colors: ['#FF69B4', '#FF1493'] colors: ['#FF69B4', '#FF1493']
}, },
title: 'Балерина', title: 'Балерина',
imageUrl: '/src/assets/balerina250x.png', imageUrl: images.balerina,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'ballerina' value: 'ballerina'
@ -311,7 +312,7 @@ export const stylePresets: StylePresets = {
colors: ['#FF5722', '#F4511E'] colors: ['#FF5722', '#F4511E']
}, },
title: 'Пожарный', title: 'Пожарный',
imageUrl: '/src/assets/fire250x.png', imageUrl: images.fire,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'firefighter' value: 'firefighter'
@ -325,7 +326,7 @@ export const stylePresets: StylePresets = {
colors: ['#FF5722', '#F4511E'] colors: ['#FF5722', '#F4511E']
}, },
title: 'Шеф-повар', title: 'Шеф-повар',
imageUrl: '/src/assets/cook250x.png', imageUrl: images.cook,
action: { action: {
type: 'selectPreset', type: 'selectPreset',
value: 'chef' value: 'chef'