Set icon color from db-column

✅ SolvedInfolist builder5️⃣v5

On the infolist for my resource I want to display a

\Filament\Infolists\Components\TextEntry

\Filament\Infolists\Components\TextEntry

with icon. The color of the icon should be set from a database-column. I tried the following:

TextEntry::make("relatedModel")
            ->iconColor(fn (?RelatedModel $state) => $state?->color) 
            ->formatStateUsing(fn (?RelatedModel $state) => $state?->name)
            ->icon('mdi-square-rounded')
            ->iconPosition(IconPosition::Before)
            ->url(fn (?RelatedModel $state) => $state
                ? RelatedModelResource::getUrl('view', ['record' => $state])
                : null)
            ->color('primary')

TextEntry::make("relatedModel")
            ->iconColor(fn (?RelatedModel $state) => $state?->color) 
            ->formatStateUsing(fn (?RelatedModel $state) => $state?->name)
            ->icon('mdi-square-rounded')
            ->iconPosition(IconPosition::Before)
            ->url(fn (?RelatedModel $state) => $state
                ? RelatedModelResource::getUrl('view', ['record' => $state])
                : null)
            ->color('primary')

This attaches a class

fi-color-#22c55e

fi-color-#22c55e

to the icon (assuming

$state->color

$state->color

has the value

#22c55e

#22c55e

). Obviously this can not work! I also tried the following:

->iconColor(function (?RelatedModel $state) {
    if ($state && $state->color) {
        $colorName = "related-model-{$state->id}";
        FilamentColor::register([
            $colorName => $state->color,
        ]);
        return $colorName;
    }

    return null;
})

->iconColor(function (?RelatedModel $state) {
    if ($state && $state->color) {
        $colorName = "related-model-{$state->id}";
        FilamentColor::register([
            $colorName => $state->color,
        ]);
        return $colorName;
    }

    return null;
})

Unfortunately this doesn't work either (I never had big hopes though). I assume this is because the css color variables are generated much earlier and adding the color so late in the process has no effect therefore.

What can I do to make use of the color stored in the DB column?

Solution

->iconColor(function (?RelatedModel $state) {
    return \Filament\Support\Colors\Color::hex($state?->color);
})

->iconColor(function (?RelatedModel $state) {
    return \Filament\Support\Colors\Color::hex($state?->color);
})

Jump to solution

Set icon color from db-column

✅ SolvedInfolist builder5️⃣v5

On the infolist for my resource I want to display a

\Filament\Infolists\Components\TextEntry

\Filament\Infolists\Components\TextEntry

with icon. The color of the icon should be set from a database-column. I tried the following:

TextEntry::make("relatedModel")
            ->iconColor(fn (?RelatedModel $state) => $state?->color) 
            ->formatStateUsing(fn (?RelatedModel $state) => $state?->name)
            ->icon('mdi-square-rounded')
            ->iconPosition(IconPosition::Before)
            ->url(fn (?RelatedModel $state) => $state
                ? RelatedModelResource::getUrl('view', ['record' => $state])
                : null)
            ->color('primary')

TextEntry::make("relatedModel")
            ->iconColor(fn (?RelatedModel $state) => $state?->color) 
            ->formatStateUsing(fn (?RelatedModel $state) => $state?->name)
            ->icon('mdi-square-rounded')
            ->iconPosition(IconPosition::Before)
            ->url(fn (?RelatedModel $state) => $state
                ? RelatedModelResource::getUrl('view', ['record' => $state])
                : null)
            ->color('primary')

This attaches a class

fi-color-#22c55e

fi-color-#22c55e

to the icon (assuming

$state->color

$state->color

has the value

#22c55e

#22c55e

). Obviously this can not work! I also tried the following:

->iconColor(function (?RelatedModel $state) {
    if ($state && $state->color) {
        $colorName = "related-model-{$state->id}";
        FilamentColor::register([
            $colorName => $state->color,
        ]);
        return $colorName;
    }

    return null;
})

->iconColor(function (?RelatedModel $state) {
    if ($state && $state->color) {
        $colorName = "related-model-{$state->id}";
        FilamentColor::register([
            $colorName => $state->color,
        ]);
        return $colorName;
    }

    return null;
})

Solution

->iconColor(function (?RelatedModel $state) {
    return \Filament\Support\Colors\Color::hex($state?->color);
})

->iconColor(function (?RelatedModel $state) {
    return \Filament\Support\Colors\Color::hex($state?->color);
})

Jump to solution

Set icon color from db-column

Set icon color from db-column

Similar Threads

Similar Threads

Similar Threads