fix image sizes warning with fill

This commit is contained in:
Abhimanyu Yadav
2025-05-28 17:40:35 +05:30
parent c5e3148145
commit 950a85e179
6 changed files with 5 additions and 2 deletions

View File

@@ -34,11 +34,11 @@ const Integration: IntegrationComponent = ({
>
<div className="relative h-[2.625rem] w-[2.625rem] overflow-hidden rounded-[0.5rem] bg-white">
{icon_url && (
// TODO : handle fallback
<Image
src={icon_url}
alt="integration-icon"
fill
sizes="2.25rem"
className="w-full rounded-[0.5rem] object-contain group-disabled:opacity-50"
/>
)}

View File

@@ -55,6 +55,7 @@ const IntegrationBlock: IntegrationBlockComponent = ({
src={icon_url}
alt="integration-icon"
fill
sizes="2.25rem"
className="w-full object-contain group-disabled:opacity-50"
/>
)}

View File

@@ -34,6 +34,7 @@ const IntegrationChip: IntegrationChipComponent = ({
src={icon_url}
alt="integration-icon"
fill
sizes="2.25rem"
className="w-full object-contain"
/>
)}

View File

@@ -42,6 +42,7 @@ const MarketplaceAgentBlock: MarketplaceAgentBlockComponent = ({
src={image_url}
alt="integration-icon"
fill
sizes="5.625rem"
className="w-full object-contain group-disabled:opacity-50"
/>
)}

View File

@@ -43,6 +43,7 @@ const UGCAgentBlock: UGCAgentBlockComponent = ({
src={image_url}
alt="integration-icon"
fill
sizes="5.625rem"
className="w-full object-contain group-disabled:opacity-50"
/>
)}

View File

@@ -27,7 +27,6 @@ const SuggestionContent: React.FC = () => {
setError(null);
const response = await api.getSuggestions();
setSuggestionsData(response);
console.log(response);
} catch (err) {
console.error("Error fetching data:", err);
setError(