john/deighton-ar
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix team icons

Browse Source
This commit is contained in:
John Lyon-Smith
2018-03-26 11:01:41 -07:00
parent ca7e72fc2d
commit c38f07a440
4 changed files with 59 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/src/Users/UserForm.js
View File

@@ -157,7 +157,7 @@ export class UserForm extends React.Component {
<Column.Item>
<DropdownList items={teams} render={(item) => (
<DropdownList.Item key={item.id}>
<DropdownList.Icon name='teams' size={sizeInfo.dropdownIconSize} />
<DropdownList.Icon name='team' size={sizeInfo.dropdownIconSize} />
<DropdownList.Text>{item.name}</DropdownList.Text>
</DropdownList.Item>
)} />

31
website/src/assets/icons/team.svg Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="72px" height="72px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>team</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Home" transform="translate(-355.000000, -470.000000)">
<g id="team" transform="translate(355.000000, 470.000000)">
<g id="Head-Copy-2" transform="translate(1.000000, 6.000000)">
<path d="M23.203125,24.3666667 C29.80301,24.3666667 35.15625,18.9019457 35.15625,12.1646185 C35.15625,5.42729135 29.80301,0 23.203125,0 C16.60324,0 11.25,5.46472094 11.25,12.1646185 C11.25,18.8645161 16.60324,24.3666667 23.203125,24.3666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M23.203125,3.18151562 C28.0430406,3.18151562 32.0029716,7.22391193 32.0029716,12.1646185 C32.0029716,17.1053251 28.0430406,21.1477215 23.203125,21.1477215 C18.3632094,21.1477215 14.4032784,17.1053251 14.4032784,12.1646185 C14.4032784,7.22391193 18.3632094,3.18151562 23.203125,3.18151562 Z" id="Path" fill="#FAFAFA"></path>
<path d="M1.58866995,43 L43.41133,43 C44.2980296,43 45,42.2769912 45,41.3637168 C45,32.8017699 38.2389163,25.8 29.8891626,25.8 L15.1108374,25.8 C6.79802956,25.8 0,32.7637168 0,41.3637168 C-4.92217105e-16,42.2769912 0.701970443,43 1.58866995,43 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M15.1108374,29.0725664 L29.8891626,29.0725664 C35.9482759,29.0725664 40.9359606,33.7150442 41.7118227,39.7274336 L3.28817734,39.7274336 C4.06403941,33.7530973 9.05172414,29.0725664 15.1108374,29.0725664 Z" id="Path" fill="#FFFFFF"></path>
</g>
<g id="Head-Copy" transform="translate(13.000000, 13.000000)">
<path d="M23.203125,24.3666667 C29.80301,24.3666667 35.15625,18.9019457 35.15625,12.1646185 C35.15625,5.42729135 29.80301,0 23.203125,0 C16.60324,0 11.25,5.46472094 11.25,12.1646185 C11.25,18.8645161 16.60324,24.3666667 23.203125,24.3666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M23.203125,3.18151562 C28.0430406,3.18151562 32.0029716,7.22391193 32.0029716,12.1646185 C32.0029716,17.1053251 28.0430406,21.1477215 23.203125,21.1477215 C18.3632094,21.1477215 14.4032784,17.1053251 14.4032784,12.1646185 C14.4032784,7.22391193 18.3632094,3.18151562 23.203125,3.18151562 Z" id="Path" fill="#FAFAFA"></path>
<path d="M1.58866995,43 L43.41133,43 C44.2980296,43 45,42.2769912 45,41.3637168 C45,32.8017699 38.2389163,25.8 29.8891626,25.8 L15.1108374,25.8 C6.79802956,25.8 0,32.7637168 0,41.3637168 C-4.92217105e-16,42.2769912 0.701970443,43 1.58866995,43 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M15.1108374,29.0725664 L29.8891626,29.0725664 C35.9482759,29.0725664 40.9359606,33.7150442 41.7118227,39.7274336 L3.28817734,39.7274336 C4.06403941,33.7530973 9.05172414,29.0725664 15.1108374,29.0725664 Z" id="Path" fill="#FFFFFF"></path>
</g>
<g id="Head" transform="translate(25.000000, 20.000000)">
<path d="M23.203125,24.3666667 C29.80301,24.3666667 35.15625,18.9019457 35.15625,12.1646185 C35.15625,5.42729135 29.80301,0 23.203125,0 C16.60324,0 11.25,5.46472094 11.25,12.1646185 C11.25,18.8645161 16.60324,24.3666667 23.203125,24.3666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M23.203125,3.18151562 C28.0430406,3.18151562 32.0029716,7.22391193 32.0029716,12.1646185 C32.0029716,17.1053251 28.0430406,21.1477215 23.203125,21.1477215 C18.3632094,21.1477215 14.4032784,17.1053251 14.4032784,12.1646185 C14.4032784,7.22391193 18.3632094,3.18151562 23.203125,3.18151562 Z" id="Path" fill="#FAFAFA"></path>
<path d="M1.58866995,43 L43.41133,43 C44.2980296,43 45,42.2769912 45,41.3637168 C45,32.8017699 38.2389163,25.8 29.8891626,25.8 L15.1108374,25.8 C6.79802956,25.8 0,32.7637168 0,41.3637168 C-4.92217105e-16,42.2769912 0.701970443,43 1.58866995,43 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M15.1108374,29.0725664 L29.8891626,29.0725664 C35.9482759,29.0725664 40.9359606,33.7150442 41.7118227,39.7274336 L3.28817734,39.7274336 C4.06403941,33.7530973 9.05172414,29.0725664 15.1108374,29.0725664 Z" id="Path" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

46
website/src/assets/icons/teams.svg
View File

@@ -1,29 +1,35 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="66px" height="66px" viewBox="0 0 66 66" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>teams</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Home" transform="translate(-837.000000, -486.000000)">
<g id="teams" transform="translate(837.000000, 486.000000)">
<g id="Head-Copy-2" transform="translate(0.000000, 5.000000)">
<path d="M23.203125,24.3666667 C29.80301,24.3666667 35.15625,18.9019457 35.15625,12.1646185 C35.15625,5.42729135 29.80301,0 23.203125,0 C16.60324,0 11.25,5.46472094 11.25,12.1646185 C11.25,18.8645161 16.60324,24.3666667 23.203125,24.3666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M23.203125,3.18151562 C28.0430406,3.18151562 32.0029716,7.22391193 32.0029716,12.1646185 C32.0029716,17.1053251 28.0430406,21.1477215 23.203125,21.1477215 C18.3632094,21.1477215 14.4032784,17.1053251 14.4032784,12.1646185 C14.4032784,7.22391193 18.3632094,3.18151562 23.203125,3.18151562 Z" id="Path" fill="#FAFAFA"></path>
<path d="M1.58866995,43 L43.41133,43 C44.2980296,43 45,42.2769912 45,41.3637168 C45,32.8017699 38.2389163,25.8 29.8891626,25.8 L15.1108374,25.8 C6.79802956,25.8 0,32.7637168 0,41.3637168 C-4.92217105e-16,42.2769912 0.701970443,43 1.58866995,43 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M15.1108374,29.0725664 L29.8891626,29.0725664 C35.9482759,29.0725664 40.9359606,33.7150442 41.7118227,39.7274336 L3.28817734,39.7274336 C4.06403941,33.7530973 9.05172414,29.0725664 15.1108374,29.0725664 Z" id="Path" fill="#FFFFFF"></path>
</g>
<g id="Head-Copy" transform="translate(9.000000, 13.000000)">
<path d="M23.203125,24.3666667 C29.80301,24.3666667 35.15625,18.9019457 35.15625,12.1646185 C35.15625,5.42729135 29.80301,0 23.203125,0 C16.60324,0 11.25,5.46472094 11.25,12.1646185 C11.25,18.8645161 16.60324,24.3666667 23.203125,24.3666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M23.203125,3.18151562 C28.0430406,3.18151562 32.0029716,7.22391193 32.0029716,12.1646185 C32.0029716,17.1053251 28.0430406,21.1477215 23.203125,21.1477215 C18.3632094,21.1477215 14.4032784,17.1053251 14.4032784,12.1646185 C14.4032784,7.22391193 18.3632094,3.18151562 23.203125,3.18151562 Z" id="Path" fill="#FAFAFA"></path>
<path d="M1.58866995,43 L43.41133,43 C44.2980296,43 45,42.2769912 45,41.3637168 C45,32.8017699 38.2389163,25.8 29.8891626,25.8 L15.1108374,25.8 C6.79802956,25.8 0,32.7637168 0,41.3637168 C-4.92217105e-16,42.2769912 0.701970443,43 1.58866995,43 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M15.1108374,29.0725664 L29.8891626,29.0725664 C35.9482759,29.0725664 40.9359606,33.7150442 41.7118227,39.7274336 L3.28817734,39.7274336 C4.06403941,33.7530973 9.05172414,29.0725664 15.1108374,29.0725664 Z" id="Path" fill="#FFFFFF"></path>
</g>
<g id="Head" transform="translate(21.000000, 20.000000)">
<path d="M23.203125,24.3666667 C29.80301,24.3666667 35.15625,18.9019457 35.15625,12.1646185 C35.15625,5.42729135 29.80301,0 23.203125,0 C16.60324,0 11.25,5.46472094 11.25,12.1646185 C11.25,18.8645161 16.60324,24.3666667 23.203125,24.3666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M23.203125,3.18151562 C28.0430406,3.18151562 32.0029716,7.22391193 32.0029716,12.1646185 C32.0029716,17.1053251 28.0430406,21.1477215 23.203125,21.1477215 C18.3632094,21.1477215 14.4032784,17.1053251 14.4032784,12.1646185 C14.4032784,7.22391193 18.3632094,3.18151562 23.203125,3.18151562 Z" id="Path" fill="#FAFAFA"></path>
<path d="M1.58866995,43 L43.41133,43 C44.2980296,43 45,42.2769912 45,41.3637168 C45,32.8017699 38.2389163,25.8 29.8891626,25.8 L15.1108374,25.8 C6.79802956,25.8 0,32.7637168 0,41.3637168 C-4.92217105e-16,42.2769912 0.701970443,43 1.58866995,43 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M15.1108374,29.0725664 L29.8891626,29.0725664 C35.9482759,29.0725664 40.9359606,33.7150442 41.7118227,39.7274336 L3.28817734,39.7274336 C4.06403941,33.7530973 9.05172414,29.0725664 15.1108374,29.0725664 Z" id="Path" fill="#FFFFFF"></path>
<g id="Home" transform="translate(-542.000000, -107.000000)">
<g id="Teams" transform="translate(506.000000, 94.000000)">
<g id="teams" transform="translate(36.000000, 13.000000)">
<g transform="translate(71.000000, 56.000000)" id="Group">
<g transform="translate(0.000000, 18.000000)">
<g id="Head-Copy-2">
<path d="M31.453125,32.8666667 C40.3996357,32.8666667 47.65625,25.4956477 47.65625,16.4080901 C47.65625,7.32053251 40.3996357,0 31.453125,0 C22.5066143,0 15.25,7.37101895 15.25,16.4080901 C15.25,25.4451613 22.5066143,32.8666667 31.453125,32.8666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M31.453125,4.29134665 C38.0138995,4.29134665 43.381806,9.74388121 43.381806,16.4080901 C43.381806,23.072299 38.0138995,28.5248336 31.453125,28.5248336 C24.8923505,28.5248336 19.524444,23.072299 19.524444,16.4080901 C19.524444,9.74388121 24.8923505,4.29134665 31.453125,4.29134665 Z" id="Path" fill="#FAFAFA"></path>
<path d="M2.15353038,58 L58.8464696,58 C60.0484401,58 61,57.0247788 61,55.7929204 C61,44.2442478 51.8349754,34.8 40.5164204,34.8 L20.4835796,34.8 C9.21510673,34.8 0,44.1929204 0,55.7929204 C-6.67227631e-16,57.0247788 0.951559934,58 2.15353038,58 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M20.4835796,39.2141593 L40.5164204,39.2141593 C48.7298851,39.2141593 55.4909688,45.4761062 56.5426929,53.5858407 L4.45730706,53.5858407 C5.5090312,45.5274336 12.2701149,39.2141593 20.4835796,39.2141593 Z" id="Path" fill="#FFFFFF"></path>
</g>
<g id="Head-Copy" transform="translate(16.000000, 9.000000)">
<path d="M31.453125,32.8666667 C40.3996357,32.8666667 47.65625,25.4956477 47.65625,16.4080901 C47.65625,7.32053251 40.3996357,0 31.453125,0 C22.5066143,0 15.25,7.37101895 15.25,16.4080901 C15.25,25.4451613 22.5066143,32.8666667 31.453125,32.8666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M31.453125,4.29134665 C38.0138995,4.29134665 43.381806,9.74388121 43.381806,16.4080901 C43.381806,23.072299 38.0138995,28.5248336 31.453125,28.5248336 C24.8923505,28.5248336 19.524444,23.072299 19.524444,16.4080901 C19.524444,9.74388121 24.8923505,4.29134665 31.453125,4.29134665 Z" id="Path" fill="#FAFAFA"></path>
<path d="M2.15353038,58 L58.8464696,58 C60.0484401,58 61,57.0247788 61,55.7929204 C61,44.2442478 51.8349754,34.8 40.5164204,34.8 L20.4835796,34.8 C9.21510673,34.8 0,44.1929204 0,55.7929204 C-6.67227631e-16,57.0247788 0.951559934,58 2.15353038,58 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M20.4835796,39.2141593 L40.5164204,39.2141593 C48.7298851,39.2141593 55.4909688,45.4761062 56.5426929,53.5858407 L4.45730706,53.5858407 C5.5090312,45.5274336 12.2701149,39.2141593 20.4835796,39.2141593 Z" id="Path" fill="#FFFFFF"></path>
</g>
<g id="Head" transform="translate(32.000000, 19.000000)">
<path d="M31.453125,32.8666667 C40.3996357,32.8666667 47.65625,25.4956477 47.65625,16.4080901 C47.65625,7.32053251 40.3996357,0 31.453125,0 C22.5066143,0 15.25,7.37101895 15.25,16.4080901 C15.25,25.4451613 22.5066143,32.8666667 31.453125,32.8666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M31.453125,4.29134665 C38.0138995,4.29134665 43.381806,9.74388121 43.381806,16.4080901 C43.381806,23.072299 38.0138995,28.5248336 31.453125,28.5248336 C24.8923505,28.5248336 19.524444,23.072299 19.524444,16.4080901 C19.524444,9.74388121 24.8923505,4.29134665 31.453125,4.29134665 Z" id="Path" fill="#FAFAFA"></path>
<path d="M2.15353038,58 L58.8464696,58 C60.0484401,58 61,57.0247788 61,55.7929204 C61,44.2442478 51.8349754,34.8 40.5164204,34.8 L20.4835796,34.8 C9.21510673,34.8 0,44.1929204 0,55.7929204 C-6.67227631e-16,57.0247788 0.951559934,58 2.15353038,58 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
<path d="M20.4835796,39.2141593 L40.5164204,39.2141593 C48.7298851,39.2141593 55.4909688,45.4761062 56.5426929,53.5858407 L4.45730706,53.5858407 C5.5090312,45.5274336 12.2701149,39.2141593 20.4835796,39.2141593 Z" id="Path" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

1
website/src/ui/Icon.js
View File

@@ -26,6 +26,7 @@ export class Icon extends Component {
admin: require('icons/admin.svg'),
hand: require('icons/hand.svg'),
users: require('icons/users.svg'),
team: require('icons/team.svg'),
teams: require('icons/teams.svg'),
system: require('icons/system.svg'),
confirmed: require('icons/confirmed.svg'),