fix: lowercase and remove truncate for button

This commit is contained in:
Salman
2024-03-12 03:42:38 +05:30
parent db9f21be87
commit 3f0c4f0ca9
5 changed files with 10 additions and 8 deletions

View File

@@ -28,6 +28,7 @@ import {
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { yupResolver } from "@hookform/resolvers/yup"; import { yupResolver } from "@hookform/resolvers/yup";
import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu"; import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
import { twMerge } from "tailwind-merge";
import * as yup from "yup"; import * as yup from "yup";
import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider"; import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
@@ -99,7 +100,7 @@ const supportOptions = [
]; ];
const formSchema = yup.object({ const formSchema = yup.object({
name: yup.string().required().label("Project Name").trim().max(64, "Too long, Maximum length is 64 characters"), name: yup.string().required().label("Project Name").trim().max(64, "Too long, maximum length is 64 characters"),
addMembers: yup.bool().required().label("Add Members") addMembers: yup.bool().required().label("Add Members")
}); });
@@ -441,9 +442,10 @@ export const AppLayout = ({ children }: LayoutProps) => {
<SelectItem <SelectItem
key={`ws-layout-list-${id}`} key={`ws-layout-list-${id}`}
value={id} value={id}
className={`${ className={twMerge(
currentWorkspace?.id === id && "bg-mineshaft-600" currentWorkspace?.id === id && "bg-mineshaft-600",
} truncate`} "truncate"
)}
> >
{name} {name}
</SelectItem> </SelectItem>

View File

@@ -453,7 +453,7 @@ const LearningItemSquare = ({
}; };
const formSchema = yup.object({ const formSchema = yup.object({
name: yup.string().required().label("Project Name").trim().max(64, "Too long, Maximum length is 64 characters"), name: yup.string().required().label("Project Name").trim().max(64, "Too long, maximum length is 64 characters"),
addMembers: yup.bool().required().label("Add Members") addMembers: yup.bool().required().label("Add Members")
}); });

View File

@@ -55,7 +55,7 @@ export const OrgDeleteSection = () => {
onClick={() => handlePopUpOpen("deleteOrg")} onClick={() => handlePopUpOpen("deleteOrg")}
isDisabled={Boolean(membership && membership.role !== "admin")} isDisabled={Boolean(membership && membership.role !== "admin")}
> >
<p className="max-w-[180px] truncate">Delete {currentOrg?.name}</p> {`Delete ${currentOrg?.name}`}
</Button> </Button>
<DeleteActionModal <DeleteActionModal
isOpen={popUp.deleteOrg.isOpen} isOpen={popUp.deleteOrg.isOpen}

View File

@@ -14,7 +14,7 @@ const formSchema = yup.object({
.string() .string()
.required() .required()
.label("Organization Name") .label("Organization Name")
.max(64, "Too long, Maximum length is 64 characters") .max(64, "Too long, maximum length is 64 characters")
}); });
type FormData = yup.InferType<typeof formSchema>; type FormData = yup.InferType<typeof formSchema>;

View File

@@ -13,7 +13,7 @@ import { useToggle } from "@app/hooks";
import { useRenameWorkspace } from "@app/hooks/api"; import { useRenameWorkspace } from "@app/hooks/api";
const formSchema = yup.object({ const formSchema = yup.object({
name: yup.string().required().label("Project Name").max(64, "Too long, Maximum length is 64 characters"), name: yup.string().required().label("Project Name").max(64, "Too long, maximum length is 64 characters"),
}); });
type FormData = yup.InferType<typeof formSchema>; type FormData = yup.InferType<typeof formSchema>;