admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added car damage SVG and dynamic component.

Browse Source
This commit is contained in:
Patrick Fic
2020-02-10 15:23:40 -08:00
parent 0793d10e82
commit 496d47949a
6 changed files with 2437 additions and 806 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/job-detail-cards/job-detail-cards.damage.component.jsx
View File

@@ -1,7 +1,7 @@
import React from "react";
import { useTranslation } from "react-i18next";
import CardTemplate from "./job-detail-cards.template.component";
import UnfoldedCar from "../../assets/unfolded_car.svg";
import Car from "../job-damage-visual/job-damage-visual.component";
export default function JobDetailCardsDamageComponent({ loading, data }) {
const { t } = useTranslation();
@@ -10,11 +10,7 @@ export default function JobDetailCardsDamageComponent({ loading, data }) {
console.log("area_of_damage", area_of_damage);
return (
<CardTemplate loading={loading} title={t("jobs.labels.cards.damage")}>
{data ? (
<span>
<img src={UnfoldedCar} alt="Damaged Area" width={200} height={200} />
</span>
) : null}
<Car dmg1={area_of_damage.impact1} dmg2={area_of_damage.impact2} />
</CardTemplate>
);
}