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

Fix console errors (#10859)

Browse Source 
Fixes https://github.com/twentyhq/core-team-issues/issues/276

## Before

![image](https://github.com/user-attachments/assets/d1b49746-eb9b-4f96-81af-81332ebb2e43)

![image](https://github.com/user-attachments/assets/41ceccfc-6ee3-4ff5-9d02-c621244bf36b)


## After

![image](https://github.com/user-attachments/assets/67eea9c9-d838-4211-9e75-47d895d2662e)
This commit is contained in:
martmull
2025-03-13 16:50:35 +01:00
committed by GitHub
parent 4f0fd0c9f3
commit b1322beac3
6 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx
View File

@ -83,7 +83,7 @@ const StyledClickableZone = styled.div`
justify-content: flex-end; justify-content: flex-end;
`; `;
const MotionIconChevronDown = motion(IconChevronDown); const MotionIconChevronDown = motion.create(IconChevronDown);
type RecordDetailRelationRecordsListItemProps = { type RecordDetailRelationRecordsListItemProps = {
isExpanded: boolean; isExpanded: boolean;

2
packages/twenty-front/src/modules/object-record/record-table/components/RecordTable.tsx
View File

@ -28,7 +28,7 @@ const StyledTable = styled.table`
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
.footer-sticky tr:nth-last-child(2) td { .footer-sticky tr:nth-last-of-type(2) td {
border-bottom-color: ${({ theme }) => theme.background.transparent}; border-bottom-color: ${({ theme }) => theme.background.transparent};
} }
`; `;

2
packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableDraggableTr.tsx
View File

@ -15,7 +15,7 @@ type RecordTableDraggableTrProps = {
children: ReactNode; children: ReactNode;
}; };
const StyledAbsoluteInViewContainer = styled.div` const StyledAbsoluteInViewContainer = styled.td`
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;

5
packages/twenty-front/src/modules/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton.tsx
View File

@ -43,6 +43,7 @@ const AnimatedIcon = ({
cx={12} cx={12}
cy={12} cy={12}
r="1" r="1"
initial={{ opacity: 0 }}
animate={{ animate={{
scale: isCommandMenuOpened ? 0 : 1, scale: isCommandMenuOpened ? 0 : 1,
opacity: isCommandMenuOpened ? 0 : 1, opacity: isCommandMenuOpened ? 0 : 1,
@ -55,7 +56,7 @@ const AnimatedIcon = ({
<motion.path <motion.path
key={index} key={index}
d={path} d={path}
initial={{ pathLength: 0 }} initial={{ pathLength: 0, opacity: 0 }}
animate={{ animate={{
pathLength: isCommandMenuOpened ? 1 : 0, pathLength: isCommandMenuOpened ? 1 : 0,
opacity: isCommandMenuOpened ? 1 : 0, opacity: isCommandMenuOpened ? 1 : 0,
@ -73,6 +74,7 @@ const AnimatedIcon = ({
cx="12" cx="12"
cy="5" cy="5"
r="1" r="1"
initial={{ opacity: 0 }}
animate={{ animate={{
scale: isCommandMenuOpened ? 0 : 1, scale: isCommandMenuOpened ? 0 : 1,
opacity: isCommandMenuOpened ? 0 : 1, opacity: isCommandMenuOpened ? 0 : 1,
@ -85,6 +87,7 @@ const AnimatedIcon = ({
cx="12" cx="12"
cy="19" cy="19"
r="1" r="1"
initial={{ opacity: 0 }}
animate={{ animate={{
scale: isCommandMenuOpened ? 0 : 1, scale: isCommandMenuOpened ? 0 : 1,
opacity: isCommandMenuOpened ? 0 : 1, opacity: isCommandMenuOpened ? 0 : 1,

2
packages/twenty-front/src/modules/workflow/components/json-visualizer/components/internal/JsonArrow.tsx
View File

@ -20,7 +20,7 @@ const StyledButton = styled(motion.button)`
cursor: pointer; cursor: pointer;
`; `;
const MotionIconChevronDown = motion(IconChevronDown); const MotionIconChevronDown = motion.create(IconChevronDown);
export const JsonArrow = ({ export const JsonArrow = ({
isOpen, isOpen,

7
packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommandHotKeys.tsx
View File

@ -1,3 +1,4 @@
import React from 'react';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
const StyledCommandTextContainer = styled.div` const StyledCommandTextContainer = styled.div`
@ -47,10 +48,10 @@ export const MenuItemCommandHotKeys = ({
{hotKeys && ( {hotKeys && (
<StyledCommandTextContainer> <StyledCommandTextContainer>
{hotKeys.map((hotKey, index) => ( {hotKeys.map((hotKey, index) => (
<> <React.Fragment key={index}>
<StyledCommandKey key={index}>{hotKey}</StyledCommandKey> <StyledCommandKey>{hotKey}</StyledCommandKey>
{index < hotKeys.length - 1 && joinLabel} {index < hotKeys.length - 1 && joinLabel}
</> </React.Fragment>
))} ))}
</StyledCommandTextContainer> </StyledCommandTextContainer>
)} )}