Skip to content
Snippets Groups Projects
Commit 754ec232 authored by Sharath MS's avatar Sharath MS
Browse files

Table Component

parent f2f5e4ed
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
src/components/Table/TableConstant.jsx
+ 3
− 1
View file @ 754ec232
......@@ -40,3 +40,5 @@ const content =[
rate:"46,53%"
},
]
export {content};
\ No newline at end of file
src/components/Table/index.jsx
+ 8
− 74
View file @ 754ec232
import React from 'react'
import { faArrowUp, faArrowDown} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {content} from "./TableConstant"
import './table.scss'
function Table(props) {
......@@ -19,9 +18,7 @@ function Table(props) {
</div>
</div>
<div className="table-responsive">
<table className="table align-items-center table-flush">
{content.map((notified))}
<thead className="thead-light">
<tr>
<th scope="col">PAGE NAME</th>
......@@ -31,86 +28,23 @@ function Table(props) {
</tr>
</thead>
<tbody>
{content.map((Notified)=>(
<tr>
<th scope="row">
/argon/
</th>
<td>
4,569
</td>
<td>
340
</td>
<td>
{/* <i className="fas fa-arrow-up text-success mr-3"></i> */}
<FontAwesomeIcon icon={faArrowUp} className='arrowup'/>
<text className='nu'>46,53%</text>
</td>
</tr>
<tr>
<th scope="row">
/argon/index.html
</th>
<td>
3,985
</td>
<td>
319
</td>
<td>
{/* <i className="fas fa-arrow-down text-warning mr-3"></i> */}
<FontAwesomeIcon icon={faArrowDown} className='arrowdown'/>
<text className='nu'>46,53%</text>
</td>
</tr>
<tr>
<th scope="row">
/argon/charts.html
{Notified.coustomClass}
</th>
<td>
3,513
{Notified.item}
</td>
<td>
294
{Notified.user}
</td>
<td>
{/* <i className="fas fa-arrow-down text-warning mr-3"></i> */}
<FontAwesomeIcon icon={faArrowDown} className='arrowdown'/>
<text className='nu'>36,49%</text>
</td>
</tr>
<tr>
<th scope="row">
/argon/tables.html
</th>
<td>
2,050
</td>
<td>
147
</td>
<td>
{/* <i className="fas fa-arrow-up text-success mr-3"></i> */}
<FontAwesomeIcon icon={faArrowUp} className='arrowup' />
<text className='nu'>50,87%</text>
</td>
</tr>
<tr>
<th scope="row">
/argon/profile.html
</th>
<td>
1,795
</td>
<td>
190
</td>
<td>
{/* <i className="fas fa-arrow-down text-danger mr-3"></i> */}
<FontAwesomeIcon icon={faArrowDown} className='danger'/>
<text className='nu'>46,53%</text>
<text className='nu'> {Notified.rate}</text>
</td>
</tr>
)
)}
</tbody>
</table>
</div>
......
src/components/Table/table.scss
+ 0
− 1
View file @ 754ec232
......@@ -191,7 +191,6 @@ th {
.btn:hover {
transform: translateY(-1px);
// box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
}
.btn-primary:hover {
......
src/containers/Login/index.jsx
+ 2
− 1
View file @ 754ec232
import React from "react";
import PropTypes from "prop-types";
import Table from "components/Table";
function Login(props) {
return <div>
Login
<Table/>
</div>;
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment