adam/shoc-frontend-new
1
0
Fork 0
mirror of https://github.com/Sea-Haven-Industries/shoc-frontend-new.git synced 2026-09-30 06:53:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Remove dead code: unused components and sample data

Browse source 
- Delete Contacts.js, ContactTable.js (never imported)
- Delete data/contacts.js (unused sample data)
- Delete App.css (not imported anywhere)
This commit is contained in:
Adam Moussa 2026-04-16 16:53:39 -04:00
parent 58c6ac6bcc
commit 186fea820b
4 changed files with 0 additions and 150 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/App.css
View file

@ -1,38 +0,0 @@
.App {
text-align: center;
}
.App-logo {
height: 40vmin;
pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
.App-logo {
animation: App-logo-spin infinite 20s linear;
}
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
color: #61dafb;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

59
src/components/ContactTable.js
View file

@ -1,59 +0,0 @@
import React from "react";
export default function ContactTable({rows}) {
return (
<div className="tableWrap">
<table className="contactTable">
<thead>
<tr>
<th className="colCheck"><input type="checkbox" /></th>
<th>Name</th>
<th>Phone Number</th>
<th>Email</th>
<th className="actionsCol">Actions</th>
</tr>
</thead>
<tbody>
{rows.map(r => (
<tr key={r.id}>
<td className="colCheck"><input type="checkbox" /></td>
<td>
<div className="rowName">
<div className="avatarThumb">{r.name.split(" ").map(n=>n[0]).slice(0,2).join("")}</div>
<div className="nameText">
<div className="nameLink">{r.name}</div>
<div className="sub">Officetrax Demo Account</div>
</div>
</div>
</td>
<td className="mono">{r.phone}</td>
<td className="mono link">{r.email}</td>
<td className="actionsCol">
<button className="iconSmall">✎</button>
<button className="iconSmall">🗑</button>
</td>
</tr>
))}
</tbody>
</table>
<div className="tableFooter">
<div className="left">
Records per page:
<select>
<option>12</option>
<option>25</option>
<option>50</option>
</select>
</div>
<div className="right">
Jump to Page:
<select>
<option>1</option>
</select>
<span className="rowsInfo">1-6 of {rows.length}</span>
</div>
</div>
</div>
);
}

44
src/components/Contacts.js
View file

@ -1,44 +0,0 @@
import React from "react";
import ContactTable from "./ContactTable";
const sampleContacts = [
{id:1, name:"Johan Doe", phone:"(575) 877-7777", email:"varucetyq@mailinator.com"},
{id:2, name:"Adam Moussa", phone:"(631) 664-3950", email:"adam@seahavenind.com"},
{id:3, name:"test", phone:"(123) 343-444554", email:"test@gmail.com"},
{id:4, name:"Jane K Smith", phone:"(456) 789-8328", email:"jane@gmail.com"},
{id:5, name:"Zohan Raley", phone:"(123) 567-7688", email:"zohan@gmail.com"},
{id:6, name:"npaltest", phone:"9999999999", email:"amanmeutd46@gmail.com"},
];
export default function Contacts(){
return (
<section className="contactsPage">
<div className="pageTitle">Contacts</div>
<div className="card controlsCard">
<div className="controlsTop">
<div className="leftControls">
<button className="iconBtn">☰</button>
<div className="filter">
<select>
<option>Name</option>
<option>Account</option>
</select>
<input placeholder="Enter search criteria here..." />
<button className="searchBtn">Search!</button>
</div>
</div>
<div className="rightControls">
<button className="iconSmall">🔍</button>
<button className="iconSmall">⬇️</button>
<button className="iconSmall">📄</button>
<button className="iconSmall">≡</button>
</div>
</div>
<ContactTable rows={sampleContacts} />
</div>
</section>
);
}

9
src/data/contacts.js
View file

@ -1,9 +0,0 @@
const sampleContacts = [
{ id: 1, name: 'Johan Doe', phone: '(575) 877-7777', email: 'varucetyq@mailinator.com' },
{ id: 2, name: 'Adam Moussa', phone: '(631) 664-3950', email: 'adam@seahavenind.com' },
{ id: 3, name: 'test', phone: '(123) 343-444554', email: 'test@gmail.com' },
{ id: 4, name: 'Jane K Smith', phone: '(456) 789-8328', email: 'jane@gmail.com' },
{ id: 5, name: 'Zohan Raley', phone: '(123) 567-7688', email: 'zohan@gmail.com' },
{ id: 6, name: 'npaltest', phone: '9999999999', email: 'amanmeutd46@gmail.com' },
];
export default sampleContacts;