Blog/Airframe-React
Template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Init

Browse Source 
Preview: http://dashboards.webkom.co/react/airframe
This commit is contained in:
Tomasz Owczarczyk
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
app/routes/components/SearchResults/SearchResultsCard.js Executable file
View File

@@ -0,0 +1,76 @@
import React from 'react';
import faker from 'faker/locale/en_US';
import {
Card,
CardBody
} from './../../../components';
import { randomArray } from './../../../utilities';
const stars = [
<span key="stars5">
<i className="fa fa-fw fa-star text-warning" />
<i className="fa fa-fw fa-star text-warning"></i>
<i className="fa fa-fw fa-star text-warning"></i>
<i className="fa fa-fw fa-star text-warning"></i>
<i className="fa fa-fw fa-star text-warning"></i>
</span>,
<span key="stars4">
<i className="fa fa-fw fa-star text-warning" />
<i className="fa fa-fw fa-star text-warning"></i>
<i className="fa fa-fw fa-star text-warning"></i>
<i className="fa fa-fw fa-star text-warning"></i>
<i className="fa fa-fw fa-star-o"></i>
</span>,
<span key="stars4">
<i className="fa fa-fw fa-star text-warning" />
<i className="fa fa-fw fa-star text-warning"></i>
<i className="fa fa-fw fa-star text-warning"></i>
<i className="fa fa-fw fa-star-o"></i>
<i className="fa fa-fw fa-star-o"></i>
</span>,
<span key="stars2">
<i className="fa fa-fw fa-star text-warning" />
<i className="fa fa-fw fa-star text-warning"></i>
<i className="fa fa-fw fa-star-o"></i>
<i className="fa fa-fw fa-star-o"></i>
<i className="fa fa-fw fa-star-o"></i>
</span>,
<span key="stars1">
<i className="fa fa-fw fa-star text-warning" />
<i className="fa fa-fw fa-star-o"></i>
<i className="fa fa-fw fa-star-o"></i>
<i className="fa fa-fw fa-star-o"></i>
<i className="fa fa-fw fa-star-o"></i>
</span>,
];
const SearchResultsCard = () => (
<React.Fragment>
<Card className="mb-3">
<CardBody>
<a href="#" className="h6 text-decoration-none">
{ faker.lorem.sentence() }
</a>
<br />
<div className="mb-2">
<span className="text-success">
{ faker.internet.url() }
</span>
<span className="mx-2">·</span>
{ randomArray(stars) }
<span className="mx-2">·</span>
<span>
Votes
</span>
</div>
<p className="mb-0">
{ faker.lorem.paragraph() }
</p>
</CardBody>
</Card>
</React.Fragment>
)
export { SearchResultsCard };