react-icons/fa#FaRegTrashAlt JavaScript Examples
The following examples show how to use
react-icons/fa#FaRegTrashAlt.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
| Source File: Company_Job_List_Page.jsx From camprec with MIT License | 6 votes |
|
function Cards(props) {
k = "/editjobs/i=" + props.id;
i = "/showapplicants/i=" + props.id;
n = "/deljobs/i=" + props.id;
return (
<>
<div className="card widths">
<div className="card-body">
<a href={n} className="text_size margin_left">
<FaRegTrashAlt></FaRegTrashAlt>
</a>
<strong>
<h4 className="card-title centers">{props.title}</h4>
</strong>
<strong>
<h6 className="card-title centers">{props.location}</h6>
</strong>
<p className="card-text">{props.content}</p>
<div className="pop">
<a href={k} className="btn btn-primary text_size left_m2 m_t">
Edit
</a>
<a href={i} className="btn btn-primary text_size left_m2 m_t">
Show Aplicants
</a>
</div>
</div>
</div>
</>
);
}
Example #2
| Source File: Card_Component_Company_Job.jsx From camprec with MIT License | 6 votes |
|
Cards = (props) => {
k = "/editjobs/i=" + props.id;
i = "/showapplicants/i=" + props.id;
n = "/deljobs/i=" + props.id;
return (
<>
<div className="card widths">
<div className="card-body">
<a href={n} className="text_size margin_left">
<FaRegTrashAlt></FaRegTrashAlt>
</a>
<strong>
<h4 className="card-title centers">{props.title}</h4>
</strong>
<strong>
<h6 className="card-title centers">{props.location}</h6>
</strong>
<p className="card-text">{props.content}</p>
<div className="pop">
<a href={k} className="btn btn-primary text_size margin_left">
Edit
</a>
<a href={i} className="btn btn-primary text_size margin_left">
Show Aplicants
</a>
</div>
</div>
</div>
</>
);
}
Example #3
| Source File: Student_Home_Page.jsx From camprec with MIT License | 5 votes |
|
function Cards(props) {
console.log(props.certification)
return (
<>
<div className="card2 magin-top" >
<div className="card-body profile_width pop">
<div ><img src={props.image} className="profile_img"></img></div>
<div className="cb"><strong><h4 className="card-title marginb centers fsize2">{props.name}</h4></strong>
<div className="details"><p className=" card-body card-text fsize"><strong>Email : <br/> </strong> {props.email}</p>
<p className="card-body card-text boder fsize" ><strong>Phone no: </strong> <br/>{props.phone}</p>
<p className="card-body card-text fsize"><strong>College : </strong> <br/>{props.college}</p>
<p className="card-body card-text fsize"><strong>Description : </strong> <br/> {props.description}</p>
<p className="card-body card-text fsize"><strong>Education : </strong><br/>
{props.education.map((user,i) => {
return (<>
<div className="card2" key={i}>
<strong>Course: </strong>{props.education[i].course}<br/>
<strong>Institute: </strong>{props.education[i].institute}<br/>
<strong>Marks: </strong>{props.education[i].marks}<br/>
</div>
<br/>
</>
);
})}
<p ><a href="\addedu"><FaPlus></FaPlus></a> <a href="/deledu"><FaRegTrashAlt></FaRegTrashAlt></a> </p>
</p>
<p className="card-body card-text fsize"><strong>Work experience :</strong> <br/>
{props.work.map((user,i) => {
return (<>
<div className="card2" key={i}>
<strong>Job Title: </strong>{props.work[i].names}<br/>
<strong>Company: </strong>{props.work[i].companys}<br/>
<strong>Duration:</strong>{props.work[i].duration}<br/>
<strong>Description: </strong>{props.work[i].description}<br/>
<strong>Link:</strong> <a href={props.work[i].link}>{props.work[i].link}</a>
</div>
<br/>
</>
);
})}
<p ><a href="\addexp"><FaPlus></FaPlus></a> <a href="\delexp"><FaRegTrashAlt></FaRegTrashAlt></a> </p>
</p>
<p className="card-body card-text fsize"><strong>Certification :</strong><br/> {props.certification.map((user,i) => {
return (<>
<div className="card2" key={i}>
<strong>Course: </strong>{props.certification[i].courses}<br/>
<strong>Institutes: </strong>{props.certification[i].institutes}<br/>
<strong>Valid_till: </strong>{props.certification[i].valid_till}<br/>
<strong>Link: </strong> <a href={props.certification[i].links}>{props.certification[i].links}</a>
</div>
<br/>
</>
);
})}
<p ><a href="\addcer"><FaPlus></FaPlus></a> <a href="\delcer"><FaRegTrashAlt></FaRegTrashAlt></a> </p>
</p>
<p className="card-text fsize"> <a href={props.facebook}><FaFacebookF></FaFacebookF></a> <a href={props.twitter}><FaTwitter></FaTwitter></a> <a href={props.LinkedIn}> <FaLinkedin></FaLinkedin></a> <a href={props.Insta}> <FaInstagram></FaInstagram></a></p>
</div>
</div>
</div>
</div>
</>
)
}
Example #4
| Source File: Note.js From aws-amplify-quick-notes with MIT No Attribution | 5 votes |
|
NotesComponent = props => {
const [showEditor, setShowEditor] = useState(false);
const playAudio = async () => {
const result = await Predictions.convert({
textToSpeech: {
source: {
text: props.text
}
}
});
const audioCtx = new AudioContext();
const source = audioCtx.createBufferSource();
audioCtx.decodeAudioData(
result.audioStream,
buffer => {
source.buffer = buffer;
source.connect(audioCtx.destination);
source.start(0);
},
error => console.log(error)
);
};
return (
<Note>
<Info>
<Title>{props.title}</Title>
<Text>{props.text}</Text>
</Info>
<Divider />
<NoteActions>
<Icon onClick={() => playAudio()}>
<FaPlay />
</Icon>
<Icon onClick={() => setShowEditor(true)}>
<FaRegEdit />
</Icon>
<Icon>
<FaRegTrashAlt onClick={props.onDelete} />
</Icon>
</NoteActions>
{showEditor && (
<RecordingEditor
title={props.title}
text={props.text}
onDismiss={() => {
setShowEditor(false);
}}
onSave={props.onSaveChanges}
/>
)}
</Note>
);
}
