maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[CAL-808] /availability/single - UI issue on buttons beside time inputs (#6561) 

* [CAL-808] /availability/single - UI issue on buttons beside time inputs

* Update apps/web/public/static/locales/en/common.json

* Update packages/features/schedules/components/Schedule.tsx

* create new translation for tooltip

Co-authored-by: gitstart-calcom <gitstart@users.noreply.github.com>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
Co-authored-by: CarinaWolli <wollencarina@gmail.com>
This commit is contained in:
GitStart-Cal.com 2023-01-20 23:41:28 +05:45 committed by GitHub
parent 23086476b3
commit 7b5482e83d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/web/pages/availability/[schedule].tsx
View File

@ -188,9 +188,6 @@ export default function Availability({ schedule }: { schedule: number }) {
className="flex flex-col pb-16 sm:mx-0 xl:flex-row xl:space-x-6">
<div className="flex-1 divide-y divide-neutral-200 rounded-md border">
<div className=" py-5 sm:p-6">
<h3 className="mb-2 px-5 text-base font-medium leading-6 text-gray-900 sm:pl-0">
{t("change_start_end")}
</h3>
{typeof me.data?.weekStart === "string" && (
<Schedule
control={control}

1
apps/web/public/static/locales/en/common.json
View File

@ -660,6 +660,7 @@
"edit_availability": "Edit availability",
"configure_availability": "Configure times when you are available for bookings.",
"copy_times_to": "Copy times to",
"copy_times_to_tooltip": "Copy times to …",
"change_weekly_schedule": "Change your weekly schedule",
"logo": "Logo",
"error": "Error",

11
packages/features/schedules/components/Schedule.tsx
View File

@ -102,9 +102,12 @@ const CopyButton = ({
<Dropdown open={open} onOpenChange={setOpen}>
<DropdownMenuTrigger asChild>
<Button
className={classNames(open && "ring-brand-500 !bg-gray-100 outline-none ring-2 ring-offset-1")}
className={classNames(
"text-gray-700",
open && "ring-brand-500 !bg-gray-100 outline-none ring-2 ring-offset-1"
)}
type="button"
tooltip={t("duplicate")}
tooltip={t("copy_times_to_tooltip")}
color="minimal"
variant="icon"
StartIcon={Icon.FiCopy}
@ -181,7 +184,7 @@ export const DayRanges = <TFieldValues extends FieldValues>({
{index === 0 && (
<Button
tooltip={t("add_time_availability")}
className=" text-gray-400"
className="mx-2 text-gray-700 "
type="button"
color="minimal"
variant="icon"
@ -193,7 +196,7 @@ export const DayRanges = <TFieldValues extends FieldValues>({
}}
/>
)}
{index !== 0 && <RemoveTimeButton index={index} remove={remove} />}
{index !== 0 && <RemoveTimeButton index={index} remove={remove} className="mx-2 text-gray-700" />}
</div>
</Fragment>
))}