I have this code but it's hard to unit test
Unanswered
Atlantic herring posted this in #help-forum
Atlantic herringOP
import Timeline from 'common/components/Timeline'
import { useMemo } from 'react'
import { IShippingTracks } from 'services/Order/models/OrderModel/interface'
function ShippingTimeline({ items }: IShippingTracks): JSX.Element {
const timelineItems = useMemo(
() =>
items.slice().map((item) => ({
key: item.name.replace(/\s/g, '-').toLowerCase(),
dateContent: item.createdAtFormatted,
timeContent: item.timeAt,
content: {
title: item.name,
description: item.remark,
},
})),
[items],
)
return <Timeline items={timelineItems} itemGap="24px" />
}
export default ShippingTimeline
import { useMemo } from 'react'
import { IShippingTracks } from 'services/Order/models/OrderModel/interface'
function ShippingTimeline({ items }: IShippingTracks): JSX.Element {
const timelineItems = useMemo(
() =>
items.slice().map((item) => ({
key: item.name.replace(/\s/g, '-').toLowerCase(),
dateContent: item.createdAtFormatted,
timeContent: item.timeAt,
content: {
title: item.name,
description: item.remark,
},
})),
[items],
)
return <Timeline items={timelineItems} itemGap="24px" />
}
export default ShippingTimeline
1 Reply
1. Please use markdown syntax correctly, it hurts our eyes
2. Split it into multiple functions. It’s a basic concept in programming, I think it’s a easy for you
2. Split it into multiple functions. It’s a basic concept in programming, I think it’s a easy for you