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;
`;
const MotionIconChevronDown = motion(IconChevronDown);
const MotionIconChevronDown = motion.create(IconChevronDown);
type RecordDetailRelationRecordsListItemProps = {
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;
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};
}
`;

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;
};
const StyledAbsoluteInViewContainer = styled.div`
const StyledAbsoluteInViewContainer = styled.td`
position: absolute;
top: 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}
cy={12}
r="1"
initial={{ opacity: 0 }}
animate={{
scale: isCommandMenuOpened ? 0 : 1,
opacity: isCommandMenuOpened ? 0 : 1,
@ -55,7 +56,7 @@ const AnimatedIcon = ({
<motion.path
key={index}
d={path}
initial={{ pathLength: 0 }}
initial={{ pathLength: 0, opacity: 0 }}
animate={{
pathLength: isCommandMenuOpened ? 1 : 0,
opacity: isCommandMenuOpened ? 1 : 0,
@ -73,6 +74,7 @@ const AnimatedIcon = ({
cx="12"
cy="5"
r="1"
initial={{ opacity: 0 }}
animate={{
scale: isCommandMenuOpened ? 0 : 1,
opacity: isCommandMenuOpened ? 0 : 1,
@ -85,6 +87,7 @@ const AnimatedIcon = ({
cx="12"
cy="19"
r="1"
initial={{ opacity: 0 }}
animate={{
scale: 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;
`;
const MotionIconChevronDown = motion(IconChevronDown);
const MotionIconChevronDown = motion.create(IconChevronDown);
export const JsonArrow = ({
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';
const StyledCommandTextContainer = styled.div`
@ -47,10 +48,10 @@ export const MenuItemCommandHotKeys = ({
{hotKeys && (
<StyledCommandTextContainer>
{hotKeys.map((hotKey, index) => (
<>
<StyledCommandKey key={index}>{hotKey}</StyledCommandKey>
<React.Fragment key={index}>
<StyledCommandKey>{hotKey}</StyledCommandKey>
{index < hotKeys.length - 1 && joinLabel}
</>
</React.Fragment>
))}
</StyledCommandTextContainer>
)}