public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Routing form UI update (#7452) 

* Routing form UI update

* Routing form UI update

---------

Co-authored-by: gitstart-calcom <gitstart@users.noreply.github.com>
pull/7328/merge
GitStart-Cal.com 2023-03-09 12:14:17 +00:00 committed by GitHub
parent df4fedd61d
commit feb8218e4e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1252,7 +1252,7 @@
"attendee_name_info": "The person booking's name",
"to": "To",
"workflow_turned_on_successfully": "{{workflowName}} workflow turned {{offOn}} successfully",
"download_responses": "Download Responses",
"download_responses": "Download responses",
"download_responses_description": "Download all responses to your form in CSV format.",
"download": "Download",
"create_your_first_form": "Create your first form",
@ -1291,7 +1291,7 @@
"exchange_authentication_standard": "Basic authentication",
"exchange_authentication_ntlm": "NTLM authentication",
"exchange_compression": "GZip compression",
"routing_forms_description": "You can see all forms and routes you have created here.",
"routing_forms_description": "Create forms to direct attendees to the correct destinations",
"routing_forms_send_email_owner": "Send Email to Owner",
"routing_forms_send_email_owner_description": "Sends an email to the owner when the form is submitted",
"add_new_form": "Add new form",

30
packages/app-store/ee/routing-forms/pages/forms/[...appPages].tsx
View File

@ -10,16 +10,7 @@ import { useHasPaidPlan } from "@calcom/lib/hooks/useHasPaidPlan";
import { useLocale } from "@calcom/lib/hooks/useLocale";
import { trpc } from "@calcom/trpc/react";
import type { AppGetServerSidePropsContext, AppPrisma, AppUser } from "@calcom/types/AppGetServerSideProps";
import {
Badge,
ButtonGroup,
DropdownMenuSeparator,
EmptyScreen,
List,
ListLinkItem,
Tooltip,
Button,
} from "@calcom/ui";
import { Badge, ButtonGroup, EmptyScreen, List, ListLinkItem, Tooltip, Button } from "@calcom/ui";
import {
FiPlus,
FiGitMerge,
@ -160,6 +151,7 @@ export default function RoutingForms({
heading={form.name}
disabled={disabled}
subHeading={description}
className="space-x-2 rtl:space-x-reverse"
actions={
<>
<FormAction className="self-center" action="toggle" routingForm={form} />
@ -184,6 +176,15 @@ export default function RoutingForms({
disabled={disabled}
tooltip={t("copy_link_to_form")}
/>
<FormAction
routingForm={form}
action="embed"
color="secondary"
variant="icon"
StartIcon={FiCode}
disabled={disabled}
tooltip={t("embed")}
/>
<FormActionsDropdown form={form}>
<FormAction
action="edit"
@ -200,14 +201,6 @@ export default function RoutingForms({
StartIcon={FiDownload}>
{t("download_responses")}
</FormAction>
<FormAction
action="embed"
routingForm={form}
color="minimal"
className="w-full"
StartIcon={FiCode}>
{t("embed")}
</FormAction>
<FormAction
action="duplicate"
routingForm={form}
@ -227,7 +220,6 @@ export default function RoutingForms({
{t("Copy Typeform Redirect Url")}
</FormAction>
) : null}
<DropdownMenuSeparator />
<FormAction
action="_delete"
routingForm={form}

3
packages/ui/components/list/List.tsx
View File

@ -68,7 +68,7 @@ export type ListLinkItemProps = {
} & JSX.IntrinsicElements["li"];
export function ListLinkItem(props: ListLinkItemProps) {
const { href, heading = "", children, disabled = false, actions = <div /> } = props;
const { href, heading = "", children, disabled = false, actions = <div />, className = "" } = props;
let subHeading = props.subHeading;
if (!subHeading) {
subHeading = "";
@ -77,6 +77,7 @@ export function ListLinkItem(props: ListLinkItemProps) {
<li
className={classNames(
"group flex w-full items-center justify-between p-5 hover:bg-neutral-50",
className,
disabled ? "hover:bg-white" : ""
)}>
<Link