mirror of
https://github.com/mickael-kerjean/filestash.git
synced 2025-10-31 18:16:00 +08:00
64 lines
2.0 KiB
JavaScript
64 lines
2.0 KiB
JavaScript
import React from 'react';
|
|
import './icon.scss';
|
|
|
|
import img_folder from "../assets/img/folder.svg";
|
|
import img_file from "../assets/img/file.svg";
|
|
import img_loader from "../assets/img/loader.svg";
|
|
import img_save from "../assets/img/save.svg";
|
|
import img_power from "../assets/img/power.svg";
|
|
import img_edit from "../assets/img/edit.svg";
|
|
import img_delete from "../assets/img/delete.svg";
|
|
import img_bucket from "../assets/img/bucket.svg";
|
|
import img_link from "../assets/img/link.svg";
|
|
import img_loading from "../assets/img/loader.svg";
|
|
import img_download from "../assets/img/download.svg";
|
|
import img_play from "../assets/img/play.svg";
|
|
import img_pause from "../assets/img/pause.svg";
|
|
import img_error from "../assets/img/error.svg";
|
|
import img_loading_white from "../assets/img/loader_white.svg";
|
|
|
|
export const Icon = (props) => {
|
|
let img;
|
|
if(props.name === 'directory'){
|
|
img = img_folder;
|
|
}else if(props.name === 'file'){
|
|
img = img_file;
|
|
}else if(props.name === 'loader'){
|
|
img = img_loader;
|
|
}else if(props.name === 'save'){
|
|
img = img_save;
|
|
}else if(props.name === 'power'){
|
|
img = img_power;
|
|
}else if(props.name === 'edit'){
|
|
img = img_edit;
|
|
}else if(props.name === 'delete'){
|
|
img = img_delete;
|
|
}else if(props.name === 'bucket'){
|
|
img = img_bucket;
|
|
}else if(props.name === 'link'){
|
|
img = img_link;
|
|
}else if(props.name === 'loading'){
|
|
img = img_loader;
|
|
}else if(props.name === 'download'){
|
|
img = img_download;
|
|
}else if(props.name === 'play'){
|
|
img = img_play;
|
|
}else if(props.name === 'pause'){
|
|
img = img_pause;
|
|
}else if(props.name === 'error'){
|
|
img = img_error;
|
|
}else if(props.name === 'loading_white'){
|
|
img = img_loading_white;
|
|
}else{
|
|
throw('unknown icon');
|
|
}
|
|
|
|
return (
|
|
<img className="component_icon"
|
|
style={props.style}
|
|
onClick={props.onClick}
|
|
src={img}
|
|
alt={props.name}/>
|
|
);
|
|
}
|