Skip to content
Snippets Groups Projects
Commit 9bcb832f authored by Dushyanth Prabhu's avatar Dushyanth Prabhu
Browse files

Merge branch 'feature/dushyanth' of...

Merge branch 'feature/dushyanth' of gitlab.niveussolutions.com:prajakta.sathwane/sample_argon into argon/dushyanth/sidebar
parents fb02caa7 2017948b
No related branches found
No related tags found
No related merge requests found
//import noImg from './noimg.png'
import team1 from "./team-1.jpg"
import hand1 from "./hand1.png"
import team4 from "./team-4.jpg"
export {team1,hand1}
export {team4}
import React from "react";
import PropTypes from "prop-types";
function Avatar(props) {
const { customClass, src, alt, width,height,id} = props;
return (
<img
id={id}
className={customClass}
src={src}
alt={alt}
height={height}
width={width}
/>
);
}
Avatar.propTypes = {
src: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,
alt: PropTypes.string.isRequired,
customClass: PropTypes.string,
height: PropTypes.string,
width: PropTypes.string,
id:PropTypes.string
};
Avatar.defaultProps = {
src: require("../../assets/img/theme/noImg.png"),
alt: "Image",
height: "36px",
width: "36px",
customClass:"rounded-circle"
}
export default Avatar;
const content =[
{
id:1,
label: "PAGE NAME",
coustomClass: "/argon/",
item:"4,569",
user:"340",
rate:"46,53%"
},
{
id:2,
label: "VISITORS",
coustomClass: "/argon/index.html",
item:"3,985",
user:"319",
rate:"46,53%"
},
{
id:3,
label: "UNIQUE USERS",
coustomClass: "/argon/charts.html",
item:"3,513",
user:"294",
rate:"36,49%"
},
{
id:4,
label: "BOUNCE RATE",
coustomClass: "/argon/tables.html",
item:"2,050",
user:"147",
rate:"50,87%"
},
{
id:5,
label: "",
coustomClass: "/argon/profile.html",
item:"1,795",
user:"190",
rate:"46,53%"
},
]
const name = [
{
id: 1,
label: "PAGE NAME",
},
{
id: 2,
label: "VISITORS",
},
{
id: 3,
label: "UNIQUE USERS",
},
{
id: 4,
label: "BOUNCE RATE"
},
]
export {content, name};
\ No newline at end of file
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'
import { name } from './TableConstant'
function Table() {
function Table(props) {
return (
<div className="row">
<div className="col-xl-8">
......@@ -19,97 +19,31 @@ function Table() {
</div>
</div>
<div className="table-responsive">
<table className="table align-items-center table-flush">
<thead className="thead-light">
<tr>
<th scope="col">PAGE NAME</th>
<th scope="col">VISITORS</th>
<th scope="col">UNIQUE USERS</th>
<th scope="col">BOUNCE RATE</th>
</tr>
{name.map((Notified)=>(
<th scope="col">{Notified.label}</th>
)
)}
</thead>
<tbody>
{content.map((Notified)=>(
<tr>
<th scope="row">
/argon/
{Notified.coustomClass}
</th>
<td>
4,569
{Notified.item}
</td>
<td>
340
{Notified.user}
</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
</th>
<td>
3,513
</td>
<td>
294
</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>
......
......@@ -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 {
......
import React from "react";
import PropTypes from "prop-types";
function Login(props) {
return <div>
Login
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment