admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[UI] Remove theme constants from twenty-front and use the ones exported from twenty-ui. (#5558)

Browse Source 
Some parts of the Frontend used theme constants exported from
`modules/ui` while other parts used theme constants exported from
`twenty-ui`.

This PR centralizes theme constants by removing them from `modules/ui`
completely.
This commit is contained in:
Abdullah
2024-05-25 19:09:25 +05:00
committed by GitHub
parent 9c325eb0ef
commit cfd83d6b8e
81 changed files with 84 additions and 633 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/twenty-front/src/modules/ui/utilities/animation/components/AnimatedEaseIn.tsx
View File

@ -1,7 +1,6 @@
import { useTheme } from '@emotion/react';
import { motion } from 'framer-motion';
import { AnimationDuration } from '@/ui/theme/constants/Animation';
import { AnimationDuration } from 'twenty-ui';
type AnimatedEaseInProps = Omit<
React.ComponentProps<typeof motion.div>,

3
packages/twenty-front/src/modules/ui/utilities/animation/components/AnimatedEaseInOut.tsx
View File

@ -1,7 +1,6 @@
import { useTheme } from '@emotion/react';
import { AnimatePresence, motion } from 'framer-motion';
import { AnimationDuration } from '@/ui/theme/constants/Animation';
import { AnimationDuration } from 'twenty-ui';
type AnimatedEaseInOutProps = {
isOpen: boolean;

3
packages/twenty-front/src/modules/ui/utilities/animation/components/AnimatedFadeOut.tsx
View File

@ -1,7 +1,6 @@
import { useTheme } from '@emotion/react';
import { AnimatePresence, motion } from 'framer-motion';
import { AnimationDuration } from '@/ui/theme/constants/Animation';
import { AnimationDuration } from 'twenty-ui';
type AnimatedFadeOutProps = {
isOpen: boolean;

3
packages/twenty-front/src/modules/ui/utilities/drag-select/components/DragSelect.tsx
View File

@ -4,8 +4,7 @@ import {
useSelectionContainer,
} from '@air/react-drag-to-select';
import { useTheme } from '@emotion/react';
import { RGBA } from '@/ui/theme/constants/Rgba';
import { RGBA } from 'twenty-ui';
import { useDragSelect } from '../hooks/useDragSelect';

3
packages/twenty-front/src/modules/ui/utilities/responsive/hooks/useIsMobile.ts
View File

@ -1,6 +1,5 @@
import { useMediaQuery } from 'react-responsive';
import { MOBILE_VIEWPORT } from '@/ui/theme/constants/MobileViewport';
import { MOBILE_VIEWPORT } from 'twenty-ui';
export const useIsMobile = () =>
useMediaQuery({ query: `(max-width: ${MOBILE_VIEWPORT}px)` });