c20fd458ae
* refactor: move Board file to opportunities * refactor: dropable props are move in ui component * refactor: rename provided in droppableProvided * refactor: rename provided in draggableProvided * refactor: rename BoardCard in BoardItem * refactor: rename BoardCard in BoardItem file * refactor: BoardItem use children instead of content * refactor: Extract StyledColumnContainer * refactor: create method to get optimistic new board after update * refactor: move getOptimisticNewBoard in board UI * refactor: make provided nullable * lint: remove unused import
30 lines
718 B
TypeScript
30 lines
718 B
TypeScript
import styled from '@emotion/styled';
|
|
import { IconPlus } from '@tabler/icons-react';
|
|
|
|
const StyledButton = styled.button`
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: ${({ theme }) => theme.primaryBackground};
|
|
color: ${({ theme }) => theme.text40};
|
|
border: none;
|
|
border-radius: ${({ theme }) => theme.borderRadius};
|
|
cursor: pointer;
|
|
transition: background-color 0.2s ease-in-out;
|
|
align-self: baseline;
|
|
gap: ${({ theme }) => theme.spacing(1)};
|
|
|
|
&:hover {
|
|
background-color: ${({ theme }) => theme.secondaryBackground};
|
|
}
|
|
`;
|
|
|
|
export const NewButton = () => {
|
|
return (
|
|
<StyledButton>
|
|
<IconPlus size={16} />
|
|
New
|
|
</StyledButton>
|
|
);
|
|
};
|