github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: update renderFormattedTime function.

Browse Source 
* remove unwanted code.
This commit is contained in:
Prateek Shourya 2024-01-02 12:49:26 +05:30
parent 5b88df9d1e
commit 74390d65af
4 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/cycles/cycles-list-item.tsx
View File

@ -44,7 +44,7 @@ export const CyclesListItem: FC<TCyclesListItem> = (props) => {
const [updateModal, setUpdateModal] = useState(false); const [updateModal, setUpdateModal] = useState(false);
const [deleteModal, setDeleteModal] = useState(false); const [deleteModal, setDeleteModal] = useState(false);
// computed // computed
const cycleStatus = cycle.status?.toLocaleLowerCase() as TCycleGroups; const cycleStatus = cycle.status.toLocaleLowerCase() as TCycleGroups;
const isCompleted = cycleStatus === "completed"; const isCompleted = cycleStatus === "completed";
const endDate = new Date(cycle.end_date ?? ""); const endDate = new Date(cycle.end_date ?? "");
const startDate = new Date(cycle.start_date ?? ""); const startDate = new Date(cycle.start_date ?? "");

2
web/components/cycles/sidebar.tsx
View File

@ -273,7 +273,7 @@ export const CycleDetailsSidebar: React.FC<Props> = observer((props) => {
[workspaceSlug, projectId, cycleId, issueFilters, updateFilters] [workspaceSlug, projectId, cycleId, issueFilters, updateFilters]
); );
const cycleStatus = cycleDetails?.status.toLocaleLowerCase(); const cycleStatus = cycleDetails.status.toLocaleLowerCase();
const isCompleted = cycleStatus === "completed"; const isCompleted = cycleStatus === "completed";
const isStartValid = new Date(`${cycleDetails?.start_date}`) <= new Date(); const isStartValid = new Date(`${cycleDetails?.start_date}`) <= new Date();

2
web/components/notifications/notification-card.tsx
View File

@ -149,7 +149,7 @@ export const NotificationCard: React.FC<NotificationCardProps> = (props) => {
<p className="flex flex-shrink-0 items-center justify-end gap-x-1 text-custom-text-300"> <p className="flex flex-shrink-0 items-center justify-end gap-x-1 text-custom-text-300">
<Clock className="h-4 w-4" /> <Clock className="h-4 w-4" />
<span> <span>
Till {renderFormattedDate(notification.snoozed_till)}, {renderFormattedTime(notification.snoozed_till, true)} Till {renderFormattedDate(notification.snoozed_till)}, {renderFormattedTime(notification.snoozed_till, '12hour')}
</span> </span>
</p> </p>
) : ( ) : (

16
web/helpers/date-time.helper.ts
View File

@ -57,18 +57,18 @@ export const renderFormattedPayloadDate = (date: Date | string): string | null =
* @returns {string} formatted date in the format of hh:mm a or HH:mm * @returns {string} formatted date in the format of hh:mm a or HH:mm
* @description Returns date in 12 hour format if in12HourFormat is true else 24 hour format * @description Returns date in 12 hour format if in12HourFormat is true else 24 hour format
* @param {string | Date} date * @param {string | Date} date
* @param {boolean} in12HourFormat * @param {boolean} timeFormat (optional) // default 24 hour
* @example renderFormattedTime("2024-01-01", true) // 12:00 AM * @example renderFormattedTime("2024-01-01 13:00:00") // 13:00
* @example renderFormattedTime("2024-01-01") // 00:00 * @example renderFormattedTime("2024-01-01 13:00:00", "12hour") // 01:00 PM
*/ */
export const renderFormattedTime = (date: string | Date, in12HourFormat?: boolean): string => { export const renderFormattedTime = (date: string | Date, timeFormat: "12hour" | "24hour" = "24hour"): string => {
if (!date || date === "") return ""; if (!date || date === "") return "";
// Parse the date to check if it is valid // Parse the date to check if it is valid
const parsedDate = new Date(date); const parsedDate = new Date(date);
// Check if the parsed date is valid // Check if the parsed date is valid
if (!isValid(parsedDate)) return ""; // Return empty string for invalid dates if (!isValid(parsedDate)) return ""; // Return empty string for invalid dates
// Format the date in 12 hour format if in12HourFormat is true // Format the date in 12 hour format if in12HourFormat is true
if (in12HourFormat) { if (timeFormat === "12hour") {
const formattedTime = format(parsedDate, "hh:mm a"); const formattedTime = format(parsedDate, "hh:mm a");
return formattedTime; return formattedTime;
} }
@ -86,7 +86,11 @@ export const renderFormattedTime = (date: string | Date, in12HourFormat?: boolea
* @param {boolean} inclusive * @param {boolean} inclusive
* @example checkIfStringIsDate("2021-01-01", "2021-01-08") // 8 * @example checkIfStringIsDate("2021-01-01", "2021-01-08") // 8
*/ */
export const findTotalDaysInRange = (startDate: Date | string, endDate: Date | string, inclusive: boolean = true): number => { export const findTotalDaysInRange = (
startDate: Date | string,
endDate: Date | string,
inclusive: boolean = true
): number => {
if (!startDate || !endDate) return 0; if (!startDate || !endDate) return 0;
// Parse the dates to check if they are valid // Parse the dates to check if they are valid
const parsedStartDate = new Date(startDate); const parsedStartDate = new Date(startDate);