|
|
@ -1,10 +1,18 @@ |
|
|
|
import React from "react"; |
|
|
|
import React, { useState } from "react"; |
|
|
|
|
|
|
|
|
|
|
|
const Month = ({ items }) => { |
|
|
|
const Month = ({ items }) => { |
|
|
|
|
|
|
|
const [selectedYear, setSelectedYear] = useState(null); |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className="flex flex-col"> |
|
|
|
<div className="flex flex-col"> |
|
|
|
{items.map((item, index) => ( |
|
|
|
{items.map((item, index) => ( |
|
|
|
<span className="text-xs my-2" key={index}> |
|
|
|
<span |
|
|
|
|
|
|
|
onClick={() => setSelectedYear(selectedYear === item ? null : item)} |
|
|
|
|
|
|
|
className={`text-xs my-2 cursor-pointer ${ |
|
|
|
|
|
|
|
selectedYear === item ? "text-[#06BACE] font-bold " : "" |
|
|
|
|
|
|
|
}`}
|
|
|
|
|
|
|
|
key={index} |
|
|
|
|
|
|
|
> |
|
|
|
{item.month} |
|
|
|
{item.month} |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
))} |
|
|
|
))} |
|
|
|