Aydogdy
/
hhm-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Date fixed

This commit is contained in:
Kakabay 2023-03-07 17:23:00 +05:00
parent 74c6d8780f
commit eb2606c8c3
2 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/aside/Aside.tsx
View File

@ -12,6 +12,8 @@ import Calendar from './Calendar';
import { IPostsData } from '../../types/data.types'; import { IPostsData } from '../../types/data.types';
import Loader from '../global/Loader'; import Loader from '../global/Loader';
import { dateParse } from '../../helpers/dateParser';
interface Props { interface Props {
type: 'latest' | 'popular'; type: 'latest' | 'popular';
} }
@ -60,7 +62,7 @@ const Aside = ({ type }: Props) => {
<AsideNews <AsideNews
key={uuidv4()} key={uuidv4()}
title={el?.title} title={el?.title}
date={el?.published_at} date={dateParse(el?.published_at)}
category={el.categories[0]?.name} category={el.categories[0]?.name}
img={el?.featured_images[0]?.path} img={el?.featured_images[0]?.path}
id={el?.id} id={el?.id}

21
src/components/aside/AsideNews.tsx
View File

@ -1,13 +1,14 @@
// Modules // Modules
import { Link } from "react-router-dom"; import { Link } from 'react-router-dom';
import { LazyLoadImage } from "react-lazy-load-image-component"; import { LazyLoadImage } from 'react-lazy-load-image-component';
import ReactPlayer from "react-player"; import ReactPlayer from 'react-player';
import { dateParse } from '../../helpers/dateParser';
// Images // Images
// import { ReactComponent as ArrRight } from "../../assets/icons/arrow-right.svg"; // import { ReactComponent as ArrRight } from "../../assets/icons/arrow-right.svg";
import placeholder from "../../assets/images/placeholder.webp"; import placeholder from '../../assets/images/placeholder.webp';
// Components // Components
import NewsCategory from "../global/NewsCategory"; import NewsCategory from '../global/NewsCategory';
import NewsDate from "../global/NewsDate"; import NewsDate from '../global/NewsDate';
interface Props { interface Props {
title: string; title: string;
@ -24,13 +25,7 @@ const AsideNews = ({ title, date, img, category, id, video }: Props) => {
<div className="aside-news-wrapper"> <div className="aside-news-wrapper">
<div className="aside-news-image"> <div className="aside-news-image">
{video && video.length > 53 ? ( {video && video.length > 53 ? (
<ReactPlayer <ReactPlayer url={video} controls light={img} width="100%" height="100%" />
url={video}
controls
light={img}
width="100%"
height="100%"
/>
) : ( ) : (
<LazyLoadImage <LazyLoadImage
src={img} src={img}