forked from github/plane
8d15b9e7de
* chore: format all files in the project * fix: removing @types/react from dependencies * fix: adding prettier and eslint config * chore: format files * fix: upgrading turbo version * chore: ignoring warnings and adding todos * fix: updated the type of bubble menu item in the document editor * chore: format files --------- Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>
35 lines
975 B
TypeScript
35 lines
975 B
TypeScript
import { observer } from "mobx-react-lite";
|
|
|
|
// constants
|
|
import { DAYS_LIST } from "constants/calendar";
|
|
|
|
type Props = {
|
|
isLoading: boolean;
|
|
showWeekends: boolean;
|
|
};
|
|
|
|
export const CalendarWeekHeader: React.FC<Props> = observer((props) => {
|
|
const { isLoading, showWeekends } = props;
|
|
|
|
return (
|
|
<div
|
|
className={`relative grid divide-x-[0.5px] divide-custom-border-200 text-sm font-medium ${
|
|
showWeekends ? "grid-cols-7" : "grid-cols-5"
|
|
}`}
|
|
>
|
|
{isLoading && (
|
|
<div className="absolute h-[1.5px] w-3/4 animate-[bar-loader_2s_linear_infinite] bg-custom-primary-100" />
|
|
)}
|
|
{Object.values(DAYS_LIST).map((day) => {
|
|
if (!showWeekends && (day.shortTitle === "Sat" || day.shortTitle === "Sun")) return null;
|
|
|
|
return (
|
|
<div key={day.shortTitle} className="flex h-11 items-center bg-custom-background-90 px-4">
|
|
{day.shortTitle}
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
});
|