diff --git a/src/assets/images/category-bg.jpg b/src/assets/images/category-bg.jpg new file mode 100644 index 0000000..5b06ec2 Binary files /dev/null and b/src/assets/images/category-bg.jpg differ diff --git a/src/assets/index.ts b/src/assets/index.ts index 3276269..8a8e4db 100644 --- a/src/assets/index.ts +++ b/src/assets/index.ts @@ -1,8 +1,9 @@ import Images_ExploreHeader1 from './images/explore_page_header_1.jpg' import Images_ExploreHeader2 from './images/shock-the-web.jpg' +import Category_BG from './images/category-bg.jpg' import Image_Hottest_Header from './images/hottest.jfif' import Logo from './images/logo.png' -const ASSETS = { Images_ExploreHeader1, Images_ExploreHeader2, Image_Hottest_Header, Logo } +const ASSETS = { Images_ExploreHeader1, Images_ExploreHeader2, Image_Hottest_Header, Logo, Category_BG } export default ASSETS; \ No newline at end of file diff --git a/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx b/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx index a078197..5acb815 100644 --- a/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx +++ b/src/features/Projects/pages/CategoryPage/HeaderImage/HeaderImage.tsx @@ -2,6 +2,7 @@ import React from 'react' import { FiArrowLeft } from 'react-icons/fi' import Skeleton from 'react-loading-skeleton' import { Link } from 'react-router-dom' +import ASSETS from 'src/assets' type Props = { isLoading: boolean @@ -23,9 +24,13 @@ export default function HeaderImage(props: Props) { const { title, img, apps_count } = props; + const DEFAULT_IMG = ASSETS.Category_BG; + + + return (
- {`${title} + {`${title}