apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed img in components

Browse Source
This commit is contained in:
MaxOvs19
2023-05-24 13:49:09 +03:00
parent 2aa2b15d2d
commit 08f7d13f01
40 changed files with 1133 additions and 1092 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/CategoriesItem/CategoriesItem.js
View File

@ -1,25 +1,30 @@
import React from "react";
import {Link} from "react-router-dom";
import { Link } from "react-router-dom";
import rightArrow from "../../images/arrowRight.png"
import rightArrow from "../../images/arrowRight.svg";
import './categoriesItem.scss'
import "./categoriesItem.scss";
export const CategoriesItem = ({img, title, skills, available, link}) => {
return(
<Link to={link} className={available ? "categoriesItem" : "categoriesItem categoriesItem__disable"}>
<div className='categoriesItem__title'>
<img src={img} alt='img' />
<h5>{title}</h5>
</div>
<div className='categoriesItem__description'>
<p>{skills}</p>
<div className='more'>
<img src={rightArrow} alt="arrow" />
</div>
</div>
</Link>
)
export const CategoriesItem = ({ img, title, skills, available, link }) => {
return (
<Link
to={link}
className={
available ? "categoriesItem" : "categoriesItem categoriesItem__disable"
}
>
<div className="categoriesItem__title">
<img src={img} alt="img" />
<h5>{title}</h5>
</div>
<div className="categoriesItem__description">
<p>{skills}</p>
<div className="more">
<img src={rightArrow} alt="arrow" />
</div>
</div>
</Link>
);
};
export default CategoriesItem
export default CategoriesItem;