sigonasr2/sigcrafting
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

Remove old notifications using the same useEffect

Browse Source
This commit is contained in:
Nic0Nic0Nii 2021-08-23 00:30:08 +00:00
parent 83885ef81f
commit db4a22d5cb
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.js
View File

@ -99,6 +99,7 @@ function App() {
const [contributor,setContributor] = useState("") const [contributor,setContributor] = useState("")
const [notifications,setNotifications] = useState([]) const [notifications,setNotifications] = useState([])
const [closedNotifications,setClosedNotifications] = useState([])
const [notificationLastUpdate,setNotificationLastUpdate] = useState(new Date()) const [notificationLastUpdate,setNotificationLastUpdate] = useState(new Date())
function LZ(digits,numb) { function LZ(digits,numb) {
@ -135,6 +136,9 @@ function App() {
.then((data)=>{ .then((data)=>{
if (data.data.length>0) { if (data.data.length>0) {
var newNotifications = [...notifications] var newNotifications = [...notifications]
for (var not of closedNotifications) {
newNotifications = newNotifications.filter((not2)=>not2.id!==not.id)
}
for (var dat of data.data) { for (var dat of data.data) {
var exists=false var exists=false
for (var not of newNotifications) { for (var not of newNotifications) {
@ -250,7 +254,7 @@ function App() {
</Navbar> </Navbar>
<Container> <Container>
{contributor.length===0?<> {contributor.length===0?<>
<input placeHolder="Bun" onKeyDown={(k)=>{if (k.key==='Enter') {setContributor(document.getElementById("username").value)}}} id="username"/> <input placeHolder="e.g. Bun" onKeyDown={(k)=>{if (k.key==='Enter') {setContributor(document.getElementById("username").value)}}} id="username"/>
<button type="Submit" onClick={(f)=>{setContributor(document.getElementById("username").value)}}>Submit</button> <button type="Submit" onClick={(f)=>{setContributor(document.getElementById("username").value)}}>Submit</button>
</>: </>:
data.length>0? data.length>0?
@ -287,7 +291,7 @@ function App() {
<div style={{pointerEvents:"none",position:"fixed",top:"0px",left:"0px",width:"100%",height:"100%"}}> <div style={{pointerEvents:"none",position:"fixed",top:"0px",left:"0px",width:"100%",height:"100%"}}>
<ToastContainer position="bottom-end"> <ToastContainer position="bottom-end">
{notifications.map((not)=>{ {notifications.map((not)=>{
return <Toast key={not.id} autohide delay={10000} onClose={()=>{var newArr = notifications.filter((no)=>no.id!==not.id); setNotifications(newArr)}} bg="primary"> return <Toast key={not.id} autohide delay={10000} onClose={()=>{var newArr = closedNotifications.push(not); setClosedNotifications(newArr)}} bg="primary">
<Toast.Header closeButton={true}> <Toast.Header closeButton={true}>
<span className="me-auto"> <span className="me-auto">
<strong>{not.username}</strong> <strong>{not.username}</strong>