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

Refactor buttons (#1257)

Browse Source 
* Refactor buttons

* Complete components creation

* Complete refactoring

* fix lint

* Complete button work
This commit is contained in:
Charles Bochet
2023-08-26 23:59:45 +02:00
committed by GitHub
parent 5d50bbd6a3
commit 1b187350c0
57 changed files with 2209 additions and 859 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
front/src/modules/ui/table/components/EntityTableColumnMenu.tsx
View File

@ -46,12 +46,12 @@ export const EntityTableColumnMenu = ({
{hiddenColumns.map((column) => (
<DropdownMenuItem
key={column.id}
actions={
actions={[
<IconButton
icon={<IconPlus size={theme.icon.size.sm} />}
onClick={() => onAddColumn(column.id)}
/>
}
/>,
]}
>
{column.columnIcon &&
cloneElement(column.columnIcon, {

13
front/src/modules/ui/table/components/EntityTableHeader.tsx
View File

@ -1,5 +1,4 @@
import { useCallback, useState } from 'react';
import { useTheme } from '@emotion/react';
import styled from '@emotion/styled';
import { useRecoilCallback, useRecoilState } from 'recoil';
@ -64,10 +63,6 @@ const StyledAddIconButtonWrapper = styled.div`
position: relative;
`;
const StyledAddIconButton = styled(IconButton)`
border-radius: 0;
`;
const StyledEntityTableColumnMenu = styled(EntityTableColumnMenu)`
position: absolute;
right: 0;
@ -76,8 +71,6 @@ const StyledEntityTableColumnMenu = styled(EntityTableColumnMenu)`
`;
export function EntityTableHeader() {
const theme = useTheme();
const [offset, setOffset] = useRecoilState(resizeFieldOffsetState);
const [columns, setColumns] = useRecoilScopedState(
tableColumnsScopedState,
@ -207,9 +200,9 @@ export function EntityTableHeader() {
<th>
{hiddenColumns.length > 0 && (
<StyledAddIconButtonWrapper>
<StyledAddIconButton
size="large"
icon={<IconPlus size={theme.icon.size.md} />}
<IconButton
size="medium"
icon={<IconPlus />}
onClick={toggleColumnMenu}
/>
{isColumnMenuOpen && (