rschneider/yogastic
1
0
Fork 0
Code Issues 28 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

[yoga-18] about.us.with.boxes.component.tsx fix aboutus_image image

Browse Source
This commit is contained in:
Roland Schneider 2025-08-26 21:36:00 +02:00
parent 6298bb7b8c
commit 054cb48e4c
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
yoga-app/src/components/about.us.with.boxes.component.tsx
View File

@ -2,13 +2,17 @@ import YogaImageComponent from "@/components/yoga.image.component";
import { import {
YogaAboutUsWithBoxesComponent_Plain YogaAboutUsWithBoxesComponent_Plain
} from "@/types/generated-strapi-interfaces/api/yoga-about-us-with-boxes-component"; } from "@/types/generated-strapi-interfaces/api/yoga-about-us-with-boxes-component";
import {StrapiFile} from "@/types/types";
import strapiApi from "@/api/strapi/strapi-api";
export interface Props{ export interface Props{
config: YogaAboutUsWithBoxesComponent_Plain config: YogaAboutUsWithBoxesComponent_Plain
} }
export default function AboutUsWithBoxesComponent({ config: {title,header,description, box1,box2,box3,box4}}: Props){ export default function AboutUsWithBoxesComponent({ config: {title,header,description, image, box1,box2,box3,box4}}: Props){
const imageFile: StrapiFile = image as StrapiFile;
const imageUrl = strapiApi.getImageUrl(imageFile?.url)
return ( return (
<section className="aboutpage_aboutus_section"> <section className="aboutpage_aboutus_section">
@ -16,7 +20,7 @@ export default function AboutUsWithBoxesComponent({ config: {title,header,descri
<div className="row"> <div className="row">
<div className="col-lg-7 col-md-6 col-sm-12 col-xs-12"> <div className="col-lg-7 col-md-6 col-sm-12 col-xs-12">
<div className="aboutpage_aboutus_image"> <div className="aboutpage_aboutus_image">
<figure className="mb-0"><YogaImageComponent src="./assets/images/about_page_aboutus_image.png" alt="" className="img-fluid" /></figure> <figure className="mb-0"><YogaImageComponent src={imageUrl} alt="" className="img-fluid" /></figure>
</div> </div>
<figure className="aboutus_top_shape left_shape mb-0"> <figure className="aboutus_top_shape left_shape mb-0">
<YogaImageComponent src="./assets/images/aboutus_top_shape.png" alt="" className="img-fluid" /> <YogaImageComponent src="./assets/images/aboutus_top_shape.png" alt="" className="img-fluid" />