lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add icons and get upload component up to spec

Browse source
This commit is contained in:
José Oliveira 2021-10-22 12:28:28 +01:00
parent c0204d0787
commit 111809b0cb
13 changed files with 306 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
new-lamassu-admin/src/pages/Customers/CustomerData.styles.js
View file

@ -24,7 +24,7 @@ export default {
},
separator: {
display: 'flex',
flexBasis: '35%',
flexBasis: '100%',
justifyContent: 'center',
color: offColor,
margin: [[8, 0, 8, 0]],

64
new-lamassu-admin/src/pages/Customers/components/Upload.js
View file

@ -1,15 +1,18 @@
import { makeStyles } from '@material-ui/core/styles'
import { useFormikContext } from 'formik'
import * as R from 'ramda'
import React, { useState, useCallback } from 'react'
import { useDropzone } from 'react-dropzone'
import { Info3 } from 'src/components/typography'
import { Label3, H3 } from 'src/components/typography'
import { ReactComponent as UploadPhotoIcon } from 'src/styling/icons/button/photo/zodiac-resized.svg'
import { ReactComponent as UploadFileIcon } from 'src/styling/icons/button/upload-file/zodiac-resized.svg'
import { offColor, subheaderColor } from 'src/styling/variables'
const useStyles = makeStyles({
box: {
boxSizing: 'border-box',
marginTop: 31,
marginTop: 40,
width: 450,
height: 120,
borderStyle: 'dashed',
@ -20,46 +23,75 @@ const useStyles = makeStyles({
display: 'flex',
justifyContent: 'center'
},
boxContent: {
marginTop: 30
inputContent: {
marginTop: 35,
display: 'flex'
},
uploadContent: {
marginTop: 50,
display: 'flex'
},
board: {
width: 450,
height: 120
},
icon: {
margin: [[14, 20, 0, 0]]
}
})
const Upload = ({ type }) => {
const classes = useStyles()
const IMAGE = 'image'
const [data, setData] = useState({})
const message =
type === IMAGE
? 'Drag and drop an image or click to select a file'
: 'Drag and drop or click to select a file'
const { setFieldValue } = useFormikContext()
const onDrop = useCallback(acceptedData => {
setData({ preview: URL.createObjectURL(R.head(acceptedData)) })
}, [])
const IMAGE = 'image'
const isImage = type === IMAGE
const onDrop = useCallback(
acceptedData => {
// TODO: attach the uploaded data to the form as well
setFieldValue(type, R.head(acceptedData).name)
setData({
preview: isImage
? URL.createObjectURL(R.head(acceptedData))
: R.head(acceptedData).name
})
},
[isImage, type, setFieldValue]
)
const { getRootProps, getInputProps } = useDropzone({ onDrop })
return (
<>
<div {...getRootProps()} className={classes.board}>
<input {...getInputProps()} />
{R.isEmpty(data) && (
<div className={classes.box}>
<div className={classes.boxContent}>
<Info3>{message}</Info3>
<input {...getInputProps()} />
<div className={classes.inputContent}>
{isImage ? (
<UploadPhotoIcon className={classes.icon}></UploadPhotoIcon>
) : (
<UploadFileIcon className={classes.icon}></UploadFileIcon>
)}
<Label3>{`Drag and drop ${
isImage ? 'an image' : 'a file'
} or click to open the explorer`}</Label3>
</div>
</div>
)}
{!R.isEmpty(data) && type === IMAGE && (
<div key={data.name}>
<img src={data.preview} className={classes.box}></img>
<img src={data.preview} className={classes.box} alt=""></img>
</div>
)}
{!R.isEmpty(data) && type !== IMAGE && (
<div className={classes.box}>
<H3 className={classes.uploadContent}>{data.preview}</H3>
</div>
)}
</div>

22
new-lamassu-admin/src/styling/icons/button/photo/white-resized.svg Normal file
View file

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/button/photo/white-resized</title>
<g id="icon/button/photo/white-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-3" transform="translate(-0.000000, 0.000000)">
<g id="Group-2" transform="translate(3.333333, 0.000000)" stroke="#FFFFFF">
<rect id="Rectangle-Copy" transform="translate(8.333333, 8.333333) scale(-1, 1) translate(-8.333333, -8.333333) " x="0.5" y="0.5" width="15.6666667" height="15.6666667" rx="1"></rect>
<circle id="Oval-Copy" fill="#FFFFFF" transform="translate(4.166667, 4.166667) scale(-1, 1) translate(-4.166667, -4.166667) " cx="4.16666667" cy="4.16666667" r="1"></circle>
</g>
<g id="Group" transform="translate(0.000000, 6.666667)">
<g id="Group-14" transform="translate(11.691221, 6.211306) scale(-1, 1) translate(-11.691221, -6.211306) translate(4.158064, 3.055556)" stroke="#FFFFFF" stroke-linejoin="round">
<polyline id="Path-Copy-2" points="0 4.58204149 5.10673153 0 11.6154223 6.31150113"></polyline>
<polyline id="Path" points="9.02830015 3.23981481 11.3158819 0.925925926 15.0663146 4.81868037"></polyline>
</g>
<g id="Group-9">
<circle id="Oval" stroke="#FFFFFF" fill="#5F668A" cx="6.66666667" cy="6.66666667" r="6.16666667"></circle>
<polygon id="Path" fill="#FFFFFF" fill-rule="nonzero" points="7.22222222 6.11111111 10 6.11111111 10 7.22222222 7.22222222 7.22222222 7.22222222 10 6.11111111 10 6.11111111 7.22222222 3.33333333 7.22222222 3.33333333 6.11111111 6.11111111 6.11111111 6.11111111 3.33333333 7.22222222 3.33333333"></polygon>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

20
new-lamassu-admin/src/styling/icons/button/photo/zodiac-resized.svg Normal file
View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/button/photo/zodiac-resized</title>
<g id="icon/button/photo/zodiac-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-2">
<g id="Group" transform="translate(11.666667, 8.333333) scale(-1, 1) translate(-11.666667, -8.333333) translate(3.333333, 0.000000)" stroke="#1B2559">
<rect id="Rectangle-Copy" x="0.5" y="0.5" width="15.6666667" height="15.6666667" rx="1"></rect>
<circle id="Oval-Copy" fill="#1B2559" cx="12.5" cy="4.16666667" r="1"></circle>
<g id="Group-14" transform="translate(0.775621, 9.722222)" stroke-linejoin="round">
<polyline id="Path-Copy-2" points="0 4.58204149 5.10673153 0 11.6154223 6.31150113"></polyline>
<polyline id="Path" points="9.02830015 3.23981481 11.3158819 0.925925926 15.0663146 4.81868037"></polyline>
</g>
</g>
<g id="Group-9" transform="translate(0.000000, 6.666667)">
<circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="6.66666667" cy="6.66666667" r="6.16666667"></circle>
<polygon id="Path" fill="#1B2559" fill-rule="nonzero" points="7.22222222 6.11111111 10 6.11111111 10 7.22222222 7.22222222 7.22222222 7.22222222 10 6.11111111 10 6.11111111 7.22222222 3.33333333 7.22222222 3.33333333 6.11111111 6.11111111 6.11111111 6.11111111 3.33333333 7.22222222 3.33333333"></polygon>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

16
new-lamassu-admin/src/styling/icons/button/replace/white.svg Normal file
View file

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/button/replace/white</title>
<g id="icon/button/replace/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g id="Group-3" transform="translate(0.500000, 0.500000)" stroke="#FFFFFF">
<g id="Group-2">
<path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
<polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 0"></polyline>
</g>
<g id="Group-2" transform="translate(8.999987, 5.500035) scale(-1, -1) translate(-8.999987, -5.500035) translate(6.999974, 0.000000)">
<path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
<polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

16
new-lamassu-admin/src/styling/icons/button/replace/zodiac.svg Normal file
View file

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/button/replace/zodiac</title>
<g id="icon/button/replace/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g id="Group-3" transform="translate(0.500000, 0.500000)" stroke="#1B2559">
<g id="Group-2">
<path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
<polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
</g>
<g id="Group-2" transform="translate(8.999987, 5.500035) scale(-1, -1) translate(-8.999987, -5.500035) translate(6.999974, 0.000000)">
<path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
<polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

21
new-lamassu-admin/src/styling/icons/button/upload-file/white-resized.svg Normal file
View file

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/button/upload-file/white-resized</title>
<g id="icon/button/upload-file/white-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
<g id="file-icon" transform="translate(5.934783, 0.000000)" stroke="#FFFFFF">
<g id="lines" transform="translate(3.130435, 7.826087)" stroke-linecap="round">
<line x1="0" y1="7.04347826" x2="7.82608696" y2="7.04347826" id="line-3"></line>
<line x1="0" y1="3.91304348" x2="7.82608696" y2="3.91304348" id="line-2"></line>
<line x1="0" y1="0.782608696" x2="5.47826087" y2="0.782608696" id="line-1"></line>
</g>
<polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="13.5652174 18.6521739 0 18.6521739 -1.18243096e-12 0 8.47826087 2.91569667e-12 13.5652174 5.08695652"></polygon>
<polygon id="fold" stroke-linejoin="round" points="8.47826087 0 8.47826087 5.08695652 13.5652174 5.08695652"></polygon>
</g>
<g id="plus-sign" transform="translate(0.000000, 5.934783)">
<circle id="circle" stroke="#FFFFFF" fill="#5F668A" cx="6.7826087" cy="6.7826087" r="6.2826087"></circle>
<polygon id="plus" fill="#FFFFFF" fill-rule="nonzero" points="7.34782609 6.2173913 10.173913 6.2173913 10.173913 7.34782609 7.34782609 7.34782609 7.34782609 10.173913 6.2173913 10.173913 6.2173913 7.34782609 3.39130435 7.34782609 3.39130435 6.2173913 6.2173913 6.2173913 6.2173913 3.39130435 7.34782609 3.39130435"></polygon>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

21
new-lamassu-admin/src/styling/icons/button/upload-file/white.svg Normal file
View file

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/button/upload-file/white</title>
<g id="icon/button/upload-file/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
<g id="file-icon" transform="translate(3.500000, 0.000000)" stroke="#FFFFFF">
<g id="lines" transform="translate(1.846154, 4.615385)" stroke-linecap="round">
<line x1="0" y1="4.15384615" x2="4.61538462" y2="4.15384615" id="line-3"></line>
<line x1="0" y1="2.30769231" x2="4.61538462" y2="2.30769231" id="line-2"></line>
<line x1="0" y1="0.461538462" x2="3.23076923" y2="0.461538462" id="line-1"></line>
</g>
<polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="8 11 0 11 -6.97331082e-13 0 5 1.71951342e-12 8 3"></polygon>
<polygon id="fold" stroke-linejoin="round" points="5 0 5 3 8 3"></polygon>
</g>
<g id="plus-sign" transform="translate(0.000000, 3.500000)">
<circle id="circle" stroke="#FFFFFF" fill="#5F668A" cx="4" cy="4" r="3.5"></circle>
<polygon id="plus" fill="#FFFFFF" fill-rule="nonzero" points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

21
new-lamassu-admin/src/styling/icons/button/upload-file/zodiac-resized.svg Normal file
View file

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/button/upload-file/zodiac-resized</title>
<g id="icon/button/upload-file/zodiac-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
<g id="file-icon" transform="translate(5.934783, 0.000000)" stroke="#1B2559">
<g id="lines" transform="translate(3.130435, 7.826087)" stroke-linecap="round">
<line x1="0" y1="7.04347826" x2="7.82608696" y2="7.04347826" id="line-3"></line>
<line x1="0" y1="3.91304348" x2="7.82608696" y2="3.91304348" id="line-2"></line>
<line x1="0" y1="0.782608696" x2="5.47826087" y2="0.782608696" id="line-1"></line>
</g>
<polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="13.5652174 18.6521739 0 18.6521739 -1.18243096e-12 0 8.47826087 2.91569667e-12 13.5652174 5.08695652"></polygon>
<polygon id="fold" stroke-linejoin="round" points="8.47826087 0 8.47826087 5.08695652 13.5652174 5.08695652"></polygon>
</g>
<g id="plus-sign" transform="translate(0.000000, 5.934783)">
<circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="6.7826087" cy="6.7826087" r="6.2826087"></circle>
<polygon id="Path" fill="#1B2559" fill-rule="nonzero" points="7.34782609 6.2173913 10.173913 6.2173913 10.173913 7.34782609 7.34782609 7.34782609 7.34782609 10.173913 6.2173913 10.173913 6.2173913 7.34782609 3.39130435 7.34782609 3.39130435 6.2173913 6.2173913 6.2173913 6.2173913 3.39130435 7.34782609 3.39130435"></polygon>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

21
new-lamassu-admin/src/styling/icons/button/upload-file/zodiac.svg Normal file
View file

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/button/upload-file/zodiac</title>
<g id="icon/button/upload-file/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
<g id="file-icon" transform="translate(3.500000, 0.000000)" stroke="#1B2559">
<g id="lines" transform="translate(1.846154, 4.615385)" stroke-linecap="round">
<line x1="0" y1="4.15384615" x2="4.61538462" y2="4.15384615" id="line-3"></line>
<line x1="0" y1="2.30769231" x2="4.61538462" y2="2.30769231" id="line-2"></line>
<line x1="0" y1="0.461538462" x2="3.23076923" y2="0.461538462" id="line-1"></line>
</g>
<polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="8 11 0 11 -6.97331082e-13 0 5 1.71951342e-12 8 3"></polygon>
<polygon id="fold" stroke-linejoin="round" points="5 0 5 3 8 3"></polygon>
</g>
<g id="plus-sign" transform="translate(0.000000, 3.500000)">
<circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="4" cy="4" r="3.5"></circle>
<polygon id="Path" fill="#1B2559" fill-rule="nonzero" points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

33
new-lamassu-admin/src/styling/icons/file/comet.svg Normal file
View file

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/file/zip/comet</title>
<g id="icon/file/zip/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="file-icon">
<path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z" id="Rectangle" stroke="#5F668A" fill="#FFFFFF"></path>
<path d="M22,0 L22,5 C22,7.209139 23.790861,9 26,9 L32,9 L32,9" id="Path" stroke="#5F668A"></path>
<g id="rects" transform="translate(6.000000, 0.000000)" fill="#5F668A">
<rect id="file-icon-rect21" x="0" y="41.4505495" width="2" height="2"></rect>
<rect id="file-icon-rect20" x="2" y="39.4285714" width="2" height="2"></rect>
<rect id="file-icon-rect19" x="0" y="37.4065934" width="2" height="2"></rect>
<rect id="file-icon-rect18" x="2" y="35.3846154" width="2" height="2"></rect>
<rect id="file-icon-rect17" x="0" y="32.8571429" width="2" height="2"></rect>
<rect id="file-icon-rect16" x="2" y="30.8351648" width="2" height="2"></rect>
<rect id="file-icon-rect15" x="0" y="28.8131868" width="2" height="2"></rect>
<rect id="file-icon-rect14" x="2" y="26.7912088" width="2" height="2"></rect>
<rect id="file-icon-rect13" x="0" y="24.2637363" width="2" height="2"></rect>
<rect id="file-icon-rect12" x="2" y="22.2417582" width="2" height="2"></rect>
<rect id="file-icon-rect11" x="0" y="20.2197802" width="2" height="2"></rect>
<rect id="file-icon-rect10" x="2" y="18.1978022" width="2" height="2"></rect>
<rect id="file-icon-rect9" x="0" y="16.1758242" width="2" height="2"></rect>
<rect id="file-icon-rect8" x="2" y="14.1538462" width="2" height="2"></rect>
<rect id="file-icon-rect7" x="0" y="12.1318681" width="2" height="2"></rect>
<rect id="file-icon-rect6" x="2" y="10.1098901" width="2" height="2"></rect>
<rect id="file-icon-rect5" x="0" y="8.08791209" width="2" height="2"></rect>
<rect id="file-icon-rect4" x="2" y="6.06593407" width="2" height="2"></rect>
<rect id="file-icon-rect3" x="0" y="4.04395604" width="2" height="2"></rect>
<rect id="file-icon-rect2" x="2" y="2.02197802" width="2" height="2"></rect>
<rect id="file-icon-rect1" x="0" y="0" width="2" height="2"></rect>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

33
new-lamassu-admin/src/styling/icons/file/spring.svg Normal file
View file

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/file/zip/spring</title>
<g id="icon/file/zip/spring" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="file-icon">
<path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z" id="Rectangle" stroke="#48F694" fill="#FFFFFF"></path>
<path d="M22,0 L22,5 C22,7.209139 23.790861,9 26,9 L32,9 L32,9" id="Path" stroke="#48F694"></path>
<g id="rects" transform="translate(6.000000, 0.000000)" fill="#48F694">
<rect id="file-icon-rect21" x="0" y="41.4505495" width="2" height="2"></rect>
<rect id="file-icon-rect20" x="2" y="39.4285714" width="2" height="2"></rect>
<rect id="file-icon-rect19" x="0" y="37.4065934" width="2" height="2"></rect>
<rect id="file-icon-rect18" x="2" y="35.3846154" width="2" height="2"></rect>
<rect id="file-icon-rect17" x="0" y="32.8571429" width="2" height="2"></rect>
<rect id="file-icon-rect16" x="2" y="30.8351648" width="2" height="2"></rect>
<rect id="file-icon-rect15" x="0" y="28.8131868" width="2" height="2"></rect>
<rect id="file-icon-rect14" x="2" y="26.7912088" width="2" height="2"></rect>
<rect id="file-icon-rect13" x="0" y="24.2637363" width="2" height="2"></rect>
<rect id="file-icon-rect12" x="2" y="22.2417582" width="2" height="2"></rect>
<rect id="file-icon-rect11" x="0" y="20.2197802" width="2" height="2"></rect>
<rect id="file-icon-rect10" x="2" y="18.1978022" width="2" height="2"></rect>
<rect id="file-icon-rect9" x="0" y="16.1758242" width="2" height="2"></rect>
<rect id="file-icon-rect8" x="2" y="14.1538462" width="2" height="2"></rect>
<rect id="file-icon-rect7" x="0" y="12.1318681" width="2" height="2"></rect>
<rect id="file-icon-rect6" x="2" y="10.1098901" width="2" height="2"></rect>
<rect id="file-icon-rect5" x="0" y="8.08791209" width="2" height="2"></rect>
<rect id="file-icon-rect4" x="2" y="6.06593407" width="2" height="2"></rect>
<rect id="file-icon-rect3" x="0" y="4.04395604" width="2" height="2"></rect>
<rect id="file-icon-rect2" x="2" y="2.02197802" width="2" height="2"></rect>
<rect id="file-icon-rect1" x="0" y="0" width="2" height="2"></rect>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

33
new-lamassu-admin/src/styling/icons/file/tomato.svg Normal file
View file

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icon/file/zip/tomato</title>
<g id="icon/file/zip/tomato" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="file-icon">
<path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z" id="Rectangle" stroke="#FF584A" fill="#FFFFFF"></path>
<path d="M22,0 L22,5 C22,7.209139 23.790861,9 26,9 L32,9 L32,9" id="Path" stroke="#FF584A"></path>
<g id="rects" transform="translate(6.000000, 0.000000)" fill="#FF584A">
<rect id="file-icon-rect21" x="0" y="41.4505495" width="2" height="2"></rect>
<rect id="file-icon-rect20" x="2" y="39.4285714" width="2" height="2"></rect>
<rect id="file-icon-rect19" x="0" y="37.4065934" width="2" height="2"></rect>
<rect id="file-icon-rect18" x="2" y="35.3846154" width="2" height="2"></rect>
<rect id="file-icon-rect17" x="0" y="32.8571429" width="2" height="2"></rect>
<rect id="file-icon-rect16" x="2" y="30.8351648" width="2" height="2"></rect>
<rect id="file-icon-rect15" x="0" y="28.8131868" width="2" height="2"></rect>
<rect id="file-icon-rect14" x="2" y="26.7912088" width="2" height="2"></rect>
<rect id="file-icon-rect13" x="0" y="24.2637363" width="2" height="2"></rect>
<rect id="file-icon-rect12" x="2" y="22.2417582" width="2" height="2"></rect>
<rect id="file-icon-rect11" x="0" y="20.2197802" width="2" height="2"></rect>
<rect id="file-icon-rect10" x="2" y="18.1978022" width="2" height="2"></rect>
<rect id="file-icon-rect9" x="0" y="16.1758242" width="2" height="2"></rect>
<rect id="file-icon-rect8" x="2" y="14.1538462" width="2" height="2"></rect>
<rect id="file-icon-rect7" x="0" y="12.1318681" width="2" height="2"></rect>
<rect id="file-icon-rect6" x="2" y="10.1098901" width="2" height="2"></rect>
<rect id="file-icon-rect5" x="0" y="8.08791209" width="2" height="2"></rect>
<rect id="file-icon-rect4" x="2" y="6.06593407" width="2" height="2"></rect>
<rect id="file-icon-rect3" x="0" y="4.04395604" width="2" height="2"></rect>
<rect id="file-icon-rect2" x="2" y="2.02197802" width="2" height="2"></rect>
<rect id="file-icon-rect1" x="0" y="0" width="2" height="2"></rect>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB