fakz9/Crm-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: replaced rem with mantine constants

Browse Source
This commit is contained in:
AlexSserb
2025-10-05 12:25:14 +04:00
parent 0fcf086861
commit b35961329e
19 changed files with 25 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/deals/components/shared/CreateDealButton/components/CreateCardForm.tsx
View File

@ -4,7 +4,7 @@ import { Button, Group, Stack, TextInput } from "@mantine/core";
import { useForm } from "@mantine/form";
import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
import { ClientSchema } from "@/lib/client";
import ClientSelect from "@/modules/dealModularEditorTabs/Clients/shared/components/ClientSelect";
import ClientSelect from "@/modules/dealModularEditorTabs/Clients/components/ClientSelect";
import { ModuleNames } from "@/modules/modules";
export type CreateDealForm = {

4
src/app/deals/drawers/BoardsMobileEditorDrawer/BoardsMobileEditorDrawer.tsx
View File

@ -1,7 +1,7 @@
"use client";
import React, { FC } from "react";
import { Drawer, rem } from "@mantine/core";
import { Drawer } from "@mantine/core";
import BoardsDrawerBody from "@/app/deals/drawers/BoardsMobileEditorDrawer/components/BoardsDrawerBody";
import { BoardsMobileContextProvider } from "@/app/deals/drawers/BoardsMobileEditorDrawer/contexts/BoardsMobileContext";
import { DrawerProps } from "@/drawers/types";
@ -30,7 +30,7 @@ const BoardsMobileEditorDrawer: FC<DrawerProps<Props>> = ({
height: "100%",
display: "flex",
flexDirection: "column",
gap: rem(10),
gap: "xs",
},
}}>
<BoardsMobileContextProvider project={project}>

4
src/app/deals/drawers/ProjectsMobileEditorDrawer/ProjectsMobileEditorDrawer.tsx
View File

@ -1,7 +1,7 @@
"use client";
import React, { FC } from "react";
import { Center, Divider, Drawer, rem, Text } from "@mantine/core";
import { Center, Divider, Drawer, Text } from "@mantine/core";
import { ProjectsContextProvider } from "@/app/deals/contexts/ProjectsContext";
import ProjectsDrawerBody from "@/app/deals/drawers/StatusesMobileEditorDrawer/components/ProjectsDrawerBody";
import { DrawerProps } from "@/drawers/types";
@ -30,7 +30,7 @@ const ProjectsMobileEditorDrawer: FC<DrawerProps<Props>> = ({
height: "100%",
display: "flex",
flexDirection: "column",
gap: rem(10),
gap: "xs",
},
}}>
<Center>

4
src/app/deals/drawers/StatusesMobileEditorDrawer/StatusesMobileEditorDrawer.tsx
View File

@ -1,7 +1,7 @@
"use client";
import React, { FC } from "react";
import { Drawer, rem } from "@mantine/core";
import { Drawer } from "@mantine/core";
import StatusesDrawerBody from "@/app/deals/drawers/StatusesMobileEditorDrawer/components/StatusesDrawerBody";
import { StatusesMobileContextProvider } from "@/app/deals/drawers/StatusesMobileEditorDrawer/contexts/BoardStatusesContext";
import { DrawerProps } from "@/drawers/types";
@ -30,7 +30,7 @@ const StatusesMobileEditorDrawer: FC<DrawerProps<Props>> = ({
height: "100%",
display: "flex",
flexDirection: "column",
gap: rem(10),
gap: "xs",
},
}}>
<StatusesMobileContextProvider board={board}>

3
src/app/deals/modals/DealsBoardFiltersModal/DealsBoardFiltersModal.tsx
View File

@ -4,7 +4,6 @@ import {
Button,
Flex,
NumberInput,
rem,
Space,
Text,
TextInput,
@ -37,7 +36,7 @@ const DealsBoardFiltersModal = ({
return (
<form onSubmit={filtersForm.onSubmit(onSubmit)}>
<Flex
gap={rem(10)}
gap={"xs"}
direction={"column"}>
<NumberInput
label={"ID"}

3
src/app/deals/modals/DealsScheduleFiltersModal/DealsScheduleFiltersModal.tsx
View File

@ -4,7 +4,6 @@ import {
Button,
Flex,
NumberInput,
rem,
Space,
Text,
TextInput,
@ -39,7 +38,7 @@ const DealsScheduleFiltersModal = ({
return (
<form onSubmit={filtersForm.onSubmit(onSubmit)}>
<Flex
gap={rem(10)}
gap={"xs"}
direction={"column"}>
<NumberInput
label={"ID"}

3
src/app/deals/modals/DealsTableFiltersModal/DealsTableFiltersModal.tsx
View File

@ -4,7 +4,6 @@ import {
Button,
Flex,
NumberInput,
rem,
Space,
Text,
TextInput,
@ -39,7 +38,7 @@ const DealsTableFiltersModal = ({
return (
<form onSubmit={filtersForm.onSubmit(onSubmit)}>
<Flex
gap={rem(10)}
gap={"xs"}
direction={"column"}>
<NumberInput
label={"ID"}

2
src/app/services/components/shared/ServicesTable/ServicesTable.module.css
View File

@ -1,4 +1,4 @@
.draggable-row[data-is-dragging='true'] td {
opacity: 0.75;
border: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
border: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
}

4
src/app/services/modals/ServiceEditorModal/components/RangePriceInput.tsx
View File

@ -1,7 +1,7 @@
import { FC } from "react";
import { IconTrash } from "@tabler/icons-react";
import { isNumber } from "lodash";
import { Flex, Input, NumberInput, rem } from "@mantine/core";
import { Flex, Input, NumberInput } from "@mantine/core";
import ActionIconWithTip from "@/components/ui/ActionIconWithTip/ActionIconWithTip";
import InlineButton from "@/components/ui/InlineButton/InlineButton";
import { ServicePriceRangeSchema } from "@/lib/client";
@ -50,7 +50,7 @@ const RangePriceInput: FC<PriceRangeInputType> = props => {
{props.value.map((range, idx) => (
<Flex
key={idx}
gap={rem(10)}
gap={"xs"}
align={"flex-end"}>
<ActionIconWithTip onClick={() => onDeleteRange(idx)}>
<IconTrash />

2
src/components/ui/ImageDropzone/ImageDropzone.tsx
View File

@ -98,7 +98,7 @@ const ImageDropzone: FC<Props> = (props: Props) => {
return (
<Flex
gap={rem(10)}
gap={"xs"}
direction={"column"}>
<Fieldset legend={"Изображение"}>
<Flex justify={"center"}>

4
src/modals/EnterNameModal/EnterNameModal.tsx
View File

@ -1,6 +1,6 @@
"use client";
import { Button, Flex, rem, TextInput } from "@mantine/core";
import { Button, Flex, TextInput } from "@mantine/core";
import { useForm } from "@mantine/form";
import { ContextModalProps } from "@mantine/modals";
@ -35,7 +35,7 @@ const EnterNameModal = ({
return (
<form onSubmit={form.onSubmit(values => onSubmit(values))}>
<Flex
gap={rem(10)}
gap={"xs"}
direction={"column"}>
<TextInput
{...form.getInputProps("name")}

6
src/modules/dealModularEditorTabs/Clients/shared/ClientsTab.tsx → src/modules/dealModularEditorTabs/Clients/ClientsTab.tsx
View File

@ -1,9 +1,9 @@
import { FC } from "react";
import { Stack } from "@mantine/core";
import { DealSchema } from "@/lib/client";
import ClientDataForm from "@/modules/dealModularEditorTabs/Clients/shared/components/ClientDataForm";
import ClientSelectForm from "@/modules/dealModularEditorTabs/Clients/shared/components/ClientSelectForm";
import { ClientTabContextProvider } from "@/modules/dealModularEditorTabs/Clients/shared/contexts/ClientTabContext";
import ClientDataForm from "@/modules/dealModularEditorTabs/Clients/components/ClientDataForm";
import ClientSelectForm from "@/modules/dealModularEditorTabs/Clients/components/ClientSelectForm";
import { ClientTabContextProvider } from "./contexts/ClientTabContext";
type Props = {
value: DealSchema;

0
src/modules/dealModularEditorTabs/Clients/shared/components/ClientDataForm.tsx → src/modules/dealModularEditorTabs/Clients/components/ClientDataForm.tsx
View File

0
src/modules/dealModularEditorTabs/Clients/shared/components/ClientSelect.tsx → src/modules/dealModularEditorTabs/Clients/components/ClientSelect.tsx
View File

2
src/modules/dealModularEditorTabs/Clients/shared/components/ClientSelectForm.tsx → src/modules/dealModularEditorTabs/Clients/components/ClientSelectForm.tsx
View File

@ -1,7 +1,7 @@
import { Fieldset, Group, Stack } from "@mantine/core";
import InlineButton from "@/components/ui/InlineButton/InlineButton";
import useIsMobile from "@/hooks/utils/useIsMobile";
import ClientSelect from "@/modules/dealModularEditorTabs/Clients/shared/components/ClientSelect";
import ClientSelect from "@/modules/dealModularEditorTabs/Clients/components/ClientSelect";
import { useClientTabContext } from "../contexts/ClientTabContext";
const ClientSelectForm = () => {

0
src/modules/dealModularEditorTabs/Clients/shared/contexts/ClientTabContext.tsx → src/modules/dealModularEditorTabs/Clients/contexts/ClientTabContext.tsx
View File

4
src/modules/dealModularEditorTabs/FulfillmentBase/desktop/components/DealServicesTable/components/DealServiceRow.tsx
View File

@ -1,7 +1,7 @@
import { FC } from "react";
import { IconTrash } from "@tabler/icons-react";
import { isNumber } from "lodash";
import { Divider, Group, NumberInput, rem, Stack, Text } from "@mantine/core";
import { Divider, Group, NumberInput, Stack, Text } from "@mantine/core";
import { useDebouncedCallback } from "@mantine/hooks";
import ActionIconWithTip from "@/components/ui/ActionIconWithTip/ActionIconWithTip";
import { DealServiceSchema } from "@/lib/client";
@ -64,7 +64,7 @@ const DealServiceRow: FC<Props> = ({ value, onChange, onDelete }) => {
display: "flex",
cursor: "pointer",
pointerEvents: "auto",
paddingRight: rem(10),
paddingRight: "xs",
},
}}
rightSection={

4
src/modules/dealModularEditorTabs/FulfillmentBase/shared/modals/ProductEditorModal/ProductEditorModal.tsx
View File

@ -1,6 +1,6 @@
"use client";
import { Fieldset, Flex, rem, TextInput } from "@mantine/core";
import { Fieldset, Flex, TextInput } from "@mantine/core";
import { useForm } from "@mantine/form";
import { ContextModalProps } from "@mantine/modals";
import {
@ -59,7 +59,7 @@ const ProductEditorModal = ({
closeOnSubmit
onClose={onClose}>
<Flex
gap={rem(10)}
gap={"xs"}
direction={"column"}>
<Fieldset legend={"Основные характеристики"}>
<TextInput

2
src/modules/dealModularEditorTabs/index.ts
View File

@ -1,4 +1,4 @@
export { default as CommonServicesTab } from "@/modules/dealModularEditorTabs/FulfillmentBase/mobile/CommonServicesTab";
export { default as FulfillmentBaseTab } from "@/modules/dealModularEditorTabs/FulfillmentBase/desktop/FulfillmentBaseTab";
export { default as ProductsTab } from "@/modules/dealModularEditorTabs/FulfillmentBase/mobile/ProductsTab";
export { default as ClientsTab } from "@/modules/dealModularEditorTabs/Clients/shared/ClientsTab";
export { default as ClientsTab } from "@/modules/dealModularEditorTabs/Clients/ClientsTab";