yogastic/yoga-app/src/components/achievements.item.component.tsx
2025-02-23 14:57:49 +01:00

25 lines
870 B
TypeScript

import YogaImageComponent from "@/components/yoga.image.component";
import {YogaAchivement_Plain} from "@/types/generated-strapi-interfaces/api/yoga-achivement";
import {StrapiFile} from "@/types/types";
import strapiApi from "@/api/strapi/strapi-api";
export interface Props{
achievement: YogaAchivement_Plain
}
export default function AchievementsItemComponent({achievement
:{ image}
}: Props){
const imageFile: StrapiFile = image as StrapiFile;
return (
<div className="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div className="logo_wrapper">
<figure className="mb-0"><YogaImageComponent src={strapiApi.getImageUrl(imageFile?.url)} alt="" className="img-fluid"/></figure>
</div>
</div>
);
}