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

Migrate to FontAwesome pro

Browse Source
This commit is contained in:
Charles Bochet
2023-04-14 11:52:12 +02:00
parent 1b1b5c9584
commit c317d4bcf6
11 changed files with 29 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
front/src/layout/navbar/Navbar.tsx
View File

@ -5,8 +5,8 @@ import { Workspace } from '../../interfaces/workspace.interface';
import NavItem from './NavItem';
import NavTitle from './NavTitle';
import WorkspaceContainer from './WorkspaceContainer';
import { faUser } from '@fortawesome/free-regular-svg-icons';
import { faBuilding } from '@fortawesome/free-regular-svg-icons';
import { faUser } from '@fortawesome/pro-regular-svg-icons';
import { faBuildings } from '@fortawesome/pro-regular-svg-icons';
const NavbarContainer = styled.div`
display: flex;
@ -48,7 +48,7 @@ function Navbar({ workspace }: OwnProps) {
<NavItem
label="Companies"
to="/companies"
icon={faBuilding}
icon={faBuildings}
active={
!!useMatch({
path: useResolvedPath('/companies').pathname,

2
front/src/layout/navbar/__stories__/NavItem.stories.tsx
View File

@ -1,5 +1,5 @@
import { MemoryRouter } from 'react-router-dom';
import { faUser } from '@fortawesome/free-regular-svg-icons';
import { faUser } from '@fortawesome/pro-regular-svg-icons';
import { ThemeProvider } from '@emotion/react';
import NavItem from '../../../layout/navbar/NavItem';

4
front/src/pages/companies/Companies.tsx
View File

@ -1,9 +1,9 @@
import { faBuilding } from '@fortawesome/free-regular-svg-icons';
import { faBuildings } from '@fortawesome/pro-regular-svg-icons';
import WithTopBarContainer from '../../layout/containers/WithTopBarContainer';
function Companies() {
return (
<WithTopBarContainer title="Companies" icon={faBuilding}>
<WithTopBarContainer title="Companies" icon={faBuildings}>
<></>
</WithTopBarContainer>
);

8
front/src/pages/people/People.tsx
View File

@ -1,11 +1,11 @@
import {
faBuilding,
faBuildings,
faCalendar,
faEnvelope,
faRectangleList,
faUser,
} from '@fortawesome/free-regular-svg-icons';
import { faList, faMapPin, faPhone } from '@fortawesome/free-solid-svg-icons';
} from '@fortawesome/pro-regular-svg-icons';
import { faList, faMapPin, faPhone } from '@fortawesome/pro-solid-svg-icons';
import WithTopBarContainer from '../../layout/containers/WithTopBarContainer';
import Table from '../../components/table/Table';
import { Company } from '../../interfaces/company.interface';
@ -123,7 +123,7 @@ const columns = [
),
}),
columnHelper.accessor('company', {
header: () => <TableHeader viewName="Company" viewIcon={faBuilding} />,
header: () => <TableHeader viewName="Company" viewIcon={faBuildings} />,
cell: (props) => (
<CellLink
name={props.row.original.company.name}