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

fix missing trash x off icon (#12699)

Browse Source 
## Context
Icon does not exist in tabler-icon it seems, had to create a new one
manually.

Also added a reload current user when roles are updated to update the
state accordingly

<img width="419" alt="Screenshot 2025-06-18 at 13 06 23"
src="https://github.com/user-attachments/assets/2667883e-c392-4f68-bc04-7471b9bdd6fd"
/>
This commit is contained in:
Weiko
2025-06-18 13:32:18 +02:00
committed by GitHub
parent 9612a4928d
commit d98f5a241f
7 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/twenty-ui/src/assets/icons/trash-x-off.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-trash-x ">
<path d="M3 3l18 18"></path>
<path d="M4 7h16"></path>
<path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path>
<path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>
<path d="M10 12l4 4m0 -4l-4 4"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 457 B

14
packages/twenty-ui/src/display/icon/components/IconTrashXOff.tsx Normal file
View File

@ -0,0 +1,14 @@
import { useTheme } from '@emotion/react';
import IconTrashXOffRaw from '@assets/icons/trash-x-off.svg?react';
import { IconComponentProps } from '@ui/display/icon/types/IconComponent';
type IconTrashXOffProps = Pick<IconComponentProps, 'size' | 'stroke'>;
export const IconTrashXOff = (props: IconTrashXOffProps) => {
const theme = useTheme();
const size = props.size ?? theme.icon.size.lg;
const stroke = props.stroke ?? theme.icon.stroke.md;
return <IconTrashXOffRaw height={size} width={size} strokeWidth={stroke} />;
};

1
packages/twenty-ui/src/display/index.ts
View File

@ -35,6 +35,7 @@ export { IconMicrosoft } from './icon/components/IconMicrosoft';
export { IconMicrosoftCalendar } from './icon/components/IconMicrosoftCalendar';
export { IconMicrosoftOutlook } from './icon/components/IconMicrosoftOutlook';
export { IconRelationManyToOne } from './icon/components/IconRelationManyToOne';
export { IconTrashXOff } from './icon/components/IconTrashXOff';
export { IconTwentyStar } from './icon/components/IconTwentyStar';
export { IconTwentyStarFilled } from './icon/components/IconTwentyStarFilled';
export { IllustrationIconArray } from './icon/components/IllustrationIconArray';