mirror of
https://github.com/mickael-kerjean/filestash
synced 2025-12-19 06:46:15 +01:00
43 lines
1.3 KiB
JavaScript
43 lines
1.3 KiB
JavaScript
import React from 'react';
|
|
import './icon.scss';
|
|
|
|
export const Icon = (props) => {
|
|
let url;
|
|
if(props.name === 'directory'){
|
|
url = "/img/folder.svg";
|
|
}else if(props.name === 'file'){
|
|
url = "/img/file.svg";
|
|
}else if(props.name === 'loader'){
|
|
url = "/img/loader.svg";
|
|
}else if(props.name === 'save'){
|
|
url = "/img/save.svg";
|
|
}else if(props.name === 'power'){
|
|
url = "/img/power.svg";
|
|
}else if(props.name === 'edit'){
|
|
url = "/img/edit.svg";
|
|
}else if(props.name === 'delete'){
|
|
url = "/img/delete.svg";
|
|
}else if(props.name === 'bucket'){
|
|
url = "/img/bucket.svg";
|
|
}else if(props.name === 'link'){
|
|
url = "/img/link.svg";
|
|
}else if(props.name === 'loading'){
|
|
url = "/img/loader.svg";
|
|
}else if(props.name === 'download'){
|
|
url = "/img/download.svg";
|
|
}else if(props.name === 'play'){
|
|
url = "/img/play.svg";
|
|
}else if(props.name === 'pause'){
|
|
url = "/img/pause.svg";
|
|
}else if(props.name === 'error'){
|
|
url = "/img/error.svg";
|
|
}else if(props.name === 'loading_white'){
|
|
url = "/img/loader_white.svg";
|
|
}else{
|
|
throw('unknown icon');
|
|
}
|
|
|
|
return (
|
|
<img className="component_icon" style={props.style} onClick={props.onClick} src={url} alt={props.name}/>
|
|
);
|
|
}
|