diff --git a/front/package-lock.json b/front/package-lock.json index 92ea0c638..61b920c44 100644 --- a/front/package-lock.json +++ b/front/package-lock.json @@ -11,6 +11,7 @@ "@apollo/client": "^3.7.5", "@emotion/react": "^11.10.6", "@emotion/styled": "^11.10.5", + "@tabler/icons-react": "^2.20.0", "@tanstack/react-table": "^8.8.5", "@types/node": "^16.18.4", "@types/react": "^18.0.25", @@ -9043,6 +9044,31 @@ "node": ">=10" } }, + "node_modules/@tabler/icons": { + "version": "2.20.0", + "resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-2.20.0.tgz", + "integrity": "sha512-BsUEJoqREs8bqcrf5HfJBq6/rDvsRI3h+T+0X1o7i8LBHonsH0iAngcyL0I82YKoSy9NiVDvM3LV63zDP0nPYQ==", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/codecalm" + } + }, + "node_modules/@tabler/icons-react": { + "version": "2.20.0", + "resolved": "https://registry.npmjs.org/@tabler/icons-react/-/icons-react-2.20.0.tgz", + "integrity": "sha512-r2uC0Mi3ozHD2G+IYi0A0Iy2203dbQo5EAFxn055MyIhH7U2VNsvyopTqOj+AVedy7cqR86T9zhryRUGC78WZA==", + "dependencies": { + "@tabler/icons": "2.20.0", + "prop-types": "^15.7.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/codecalm" + }, + "peerDependencies": { + "react": "^16.5.1 || ^17.0.0 || ^18.0.0" + } + }, "node_modules/@tanstack/react-table": { "version": "8.9.1", "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.9.1.tgz", diff --git a/front/package.json b/front/package.json index 1be83a1c6..3b25cf2fc 100644 --- a/front/package.json +++ b/front/package.json @@ -6,6 +6,7 @@ "@apollo/client": "^3.7.5", "@emotion/react": "^11.10.6", "@emotion/styled": "^11.10.5", + "@tabler/icons-react": "^2.20.0", "@tanstack/react-table": "^8.8.5", "@types/node": "^16.18.4", "@types/react": "^18.0.25", diff --git a/front/src/components/icons/components/IconAddressBook.tsx b/front/src/components/icons/components/IconAddressBook.tsx new file mode 100644 index 000000000..85156007f --- /dev/null +++ b/front/src/components/icons/components/IconAddressBook.tsx @@ -0,0 +1,10 @@ +import { ReactComponent as IconAddressBookRaw } from '../svgs/address-book.svg'; + +import { TablerIconsProps } from '@tabler/icons-react'; + +export function IconAddressBook(props: TablerIconsProps): JSX.Element { + const size = props.size ?? 24; + const stroke = props.stroke ?? 2; + + return ; +} diff --git a/front/src/components/icons/index.ts b/front/src/components/icons/index.ts new file mode 100644 index 000000000..c5c4dd207 --- /dev/null +++ b/front/src/components/icons/index.ts @@ -0,0 +1,2 @@ +export { IconAward } from '@tabler/icons-react'; +export { IconAddressBook } from './components/IconAddressBook'; diff --git a/front/src/components/icons/svgs/address-book.svg b/front/src/components/icons/svgs/address-book.svg new file mode 100644 index 000000000..2f6b55a1a --- /dev/null +++ b/front/src/components/icons/svgs/address-book.svg @@ -0,0 +1,11 @@ + + + + + + + + + + +