mirror of
https://github.com/awatertrevi/infisical.git
synced 2026-09-22 13:39:35 +00:00
improvement: give secret reminder form some love
This commit is contained in:
@@ -98,7 +98,7 @@ export const DatePicker = ({
|
|||||||
>
|
>
|
||||||
{value
|
{value
|
||||||
? formatDateTime({ timestamp: value, timezone, dateFormat })
|
? formatDateTime({ timestamp: value, timezone, dateFormat })
|
||||||
: "Pick a date and time"}
|
: `Select Date${hideTime ? "" : " and Time"}`}
|
||||||
</Button>
|
</Button>
|
||||||
</PopoverTrigger>
|
</PopoverTrigger>
|
||||||
<PopoverContent
|
<PopoverContent
|
||||||
@@ -122,7 +122,8 @@ export const DatePicker = ({
|
|||||||
root: `text-mineshaft-300 ${defaultClassNames}`,
|
root: `text-mineshaft-300 ${defaultClassNames}`,
|
||||||
[UI.DayButton]: "p-3 rounded hover:text-mineshaft-100",
|
[UI.DayButton]: "p-3 rounded hover:text-mineshaft-100",
|
||||||
[UI.Weekday]: "px-3 pt-3",
|
[UI.Weekday]: "px-3 pt-3",
|
||||||
[UI.Chevron]: "fill-mineshaft-300"
|
[UI.Chevron]: "fill-mineshaft-300/70 hover:fill-mineshaft-300",
|
||||||
|
disabled: "text-mineshaft-400 pointer-events-none"
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -396,9 +396,11 @@ export const CreateReminderForm = ({
|
|||||||
open: isDatePickerOpen,
|
open: isDatePickerOpen,
|
||||||
onOpenChange: setIsDatePickerOpen
|
onOpenChange: setIsDatePickerOpen
|
||||||
}}
|
}}
|
||||||
popUpContentProps={{}}
|
popUpContentProps={{
|
||||||
|
align: "end"
|
||||||
|
}}
|
||||||
hideTime
|
hideTime
|
||||||
hidden={{ before: new Date(Date.now() + ONE_DAY_IN_MILLIS) }}
|
disabled={{ before: new Date(Date.now() + ONE_DAY_IN_MILLIS) }}
|
||||||
/>
|
/>
|
||||||
</FormControl>
|
</FormControl>
|
||||||
)}
|
)}
|
||||||
@@ -426,9 +428,11 @@ export const CreateReminderForm = ({
|
|||||||
open: isDatePickerOpen,
|
open: isDatePickerOpen,
|
||||||
onOpenChange: setIsDatePickerOpen
|
onOpenChange: setIsDatePickerOpen
|
||||||
}}
|
}}
|
||||||
popUpContentProps={{}}
|
popUpContentProps={{
|
||||||
|
align: "start"
|
||||||
|
}}
|
||||||
hideTime
|
hideTime
|
||||||
hidden={{ before: new Date(Date.now() + ONE_DAY_IN_MILLIS) }}
|
disabled={{ before: new Date(Date.now() + ONE_DAY_IN_MILLIS) }}
|
||||||
/>
|
/>
|
||||||
</FormControl>
|
</FormControl>
|
||||||
</div>
|
</div>
|
||||||
@@ -479,15 +483,15 @@ export const CreateReminderForm = ({
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Action Buttons */}
|
{/* Action Buttons */}
|
||||||
<div className="flex items-center space-x-4 pt-4">
|
<div className="flex items-center space-x-4">
|
||||||
<Button
|
<Button
|
||||||
isDisabled={isSubmitting}
|
isDisabled={isSubmitting}
|
||||||
isLoading={isSubmitting}
|
isLoading={isSubmitting}
|
||||||
className=""
|
variant="outline_bg"
|
||||||
leftIcon={<FontAwesomeIcon icon={faClock} />}
|
leftIcon={<FontAwesomeIcon icon={faClock} />}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
{isEditMode ? "Update" : "Create"} reminder
|
{isEditMode ? "Update" : "Create"} Reminder
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
{isEditMode && (
|
{isEditMode && (
|
||||||
@@ -499,7 +503,7 @@ export const CreateReminderForm = ({
|
|||||||
type="button"
|
type="button"
|
||||||
isDisabled={isSubmitting}
|
isDisabled={isSubmitting}
|
||||||
>
|
>
|
||||||
Delete reminder
|
Delete Reminder
|
||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user