Ændret billede-placeholders til imagePath

Team-Tukka · Dec 18, 2019 · 551a5df · 551a5df
1 parent c7c3ecf
commit 551a5df
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/src/components/scooters/ScooterCards.js b/src/components/scooters/ScooterCards.js
@@ -2,7 +2,6 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import { useQuery } from '@apollo/react-hooks';
 import { gql } from 'apollo-boost';
-import dummyImgScooter from '../../assets/images/dummyImgScooter.png';
 import GetCategoryById from '../categories/GetCategoryById';
 
 // Importér Reactstrap komponenter
@@ -31,6 +30,7 @@ function ScooterCards() {
  price
  priceVAT
  categoryId
+ imagePath
  }
  }
  `;
@@ -47,10 +47,10 @@ function ScooterCards() {
  _id,
  itemNo,
  name,
- description,
  price,
  priceVAT,
- categoryId
+ categoryId,
+ imagePath
  } = scooter; // Destructuring
  return (
  <Col
@@ -63,8 +63,8 @@ function ScooterCards() {
  <CardImg
  width="100%"
  className="p-2"
- src={dummyImgScooter}
- alt={description}
+ src={imagePath}
+ alt={imagePath && imagePath.slice(42)}
  />
  </Link>
  <CardBody>

diff --git a/src/components/showScooter/ShowScooter.js b/src/components/showScooter/ShowScooter.js
@@ -3,7 +3,6 @@ import GetCategoryById from '../categories/GetCategoryById';
 import { useParams } from 'react-router';
 import { useQuery } from '@apollo/react-hooks';
 import { gql } from 'apollo-boost';
-import dummyImgScooter from '../../assets/images/dummyImgScooter.png';
 import './ShowScooter.css';
 
 // Importér Reactstrap komponenter
@@ -26,6 +25,7 @@ function ShowScooter() {
  description
  itemNo
  categoryId
+ imagePath
  }
  }
  `;
@@ -46,6 +46,7 @@ function ShowScooter() {
  const scoDescription = data.getScooterById.description;
  const scoItemNo = data.getScooterById.itemNo;
  const scoCategoryId = data.getScooterById.categoryId;
+ const scoImagePath = data.getScooterById.imagePath;
 
  // Løber gennem alle tags og udskriver hvert enkelt som et list item
  const tagCloudItems = scoTagsArray.map(tag => (
@@ -61,8 +62,8 @@ function ShowScooter() {
  <Col lg="4" md="3" className="mb-4 mr-5">
  <img
  className="img-fluid"
- src={dummyImgScooter}
- alt={scoName}
+ src={scoImagePath}
+ alt={scoImagePath && scoImagePath.slice(42)}
  title={scoName}
  />
  </Col>

diff --git a/src/components/showSubCategory/ShowSubCategory.js b/src/components/showSubCategory/ShowSubCategory.js
@@ -4,7 +4,6 @@ import { useParams } from 'react-router';
 import { useQuery } from '@apollo/react-hooks';
 import { gql } from 'apollo-boost';
 import './ShowSubCategory.css';
-import dummyImgDrawing from '../../assets/images/dummyImgDrawing.jpg';
 
 // Importér Reactstrap komponenter
 import { Container, Row, CardDeck } from 'reactstrap';
@@ -35,9 +34,12 @@ function ShowSubCategory() {
  <h3>{data.getSubCategoryById.name}</h3>
  <img
  className="fadeIn"
- src={dummyImgDrawing}
+ src={data.getSubCategoryById.imagePath}
  width="100%"
- alt="Splittegning"
+ alt={
+ data.getSubCategoryById.imagePath &&
+ data.getSubCategoryById.imagePath.slice(42)
+ }
  />
  <h3 className="mb-3">Reservedele</h3>
  <Row>