xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

Added 404 page + Improvements.

This commit is contained in:
Daniel 2022-06-06 08:28:03 +04:30
parent 32cb7e80c8
commit ac73f4fe09
6 changed files with 40 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
api/pages/404.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body style="text-align: center; background-color: rgb(0, 51, 78); color:white;">
<h1>404: NOT FOUND</h1>
<h3>If you are trying to access a recently added Screenshot/PDF, just wait a bit more for it to be uploaded.</h3>
<h3>If the problem persists, looks like the file wasn't created...</h3>
<h1>¯\_(ツ)_/¯</h1>
</body>
</html>

13
api/server.js
View File

@ -6,6 +6,7 @@ const config = require('../src/config.js');
const getData = require('./modules/getData.js');
const fs = require('fs');
const fetch = require('cross-fetch');
const { dirname } = require('path');
const port = config.API.PORT;
@ -27,11 +28,19 @@ app.get('/api', async (req, res) => {
});
app.get('/screenshots/:id', async (req, res) => {
res.sendFile(config.API.STORAGE_LOCATION + '/LinkWarden/screenshot\'s/' + req.params.id);
res.sendFile(config.API.STORAGE_LOCATION + '/LinkWarden/screenshot\'s/' + req.params.id, (err) => {
if (err) {
res.sendFile(__dirname +'/pages/404.html');
}
});
});
app.get('/pdfs/:id', async (req, res) => {
res.sendFile(config.API.STORAGE_LOCATION + '/LinkWarden/pdf\'s/' + req.params.id);
res.sendFile(config.API.STORAGE_LOCATION + '/LinkWarden/pdf\'s/' + req.params.id, (err) => {
if (err) {
res.sendFile(__dirname +'/pages/404.html');
}
});
});
app.post('/api', async (req, res) => {

8
src/componets/AddItem.js
View File

@ -1,5 +1,5 @@
import { useState } from 'react';
import '../styles/AddItem.css';
import '../styles/SendItem.css';
import TagSelection from './TagSelection';
import addItem from '../modules/send';
@ -38,13 +38,13 @@ const AddItem = ({onExit, reFetch, tags, SetLoader}) => {
<fieldset className='box'>
<legend >New bookmark</legend>
<div className='AddItem-content'>
<h3><span style={{color:"red"}}>* </span>Link:</h3>
<input onChange={SetLink} className="AddItem-input" type="search" placeholder="e.g. https://example.com/"/>
<h3>Name:</h3>
<input onChange={SetName} className="AddItem-input" type="search" placeholder="e.g. Example Tutorial"/>
<h3>Link:</h3>
<input onChange={SetLink} className="AddItem-input" type="search" placeholder="e.g. https://example.com/"/>
<h3>Tags:</h3>
<TagSelection setTags={SetTags} tags={tags} />
<button onClick={newItem} className="upload-btn">Upload &#xf093;</button>
<button onClick={newItem} className="send-btn">Add &#xf067;</button>
</div>
</fieldset>
</>

4
src/componets/EditItem.js
View File

@ -1,6 +1,6 @@
import { useState } from 'react';
import deleteEntity from '../modules/deleteEntity';
import '../styles/AddItem.css';
import '../styles/SendItem.css';
import TagSelection from './TagSelection';
import editItem from '../modules/send';
@ -49,7 +49,7 @@ const EditItem = ({tags, item, onExit, SetLoader, reFetch}) => {
<input onChange={SetName} className="AddItem-input" type="search" value={name} placeholder={"e.g. Example Tutorial"} />
<h3>Tags:</h3>
<TagSelection setTags={SetTags} tags={tags} tag={tag} />
<button onClick={EditItem} className="upload-btn">Update &#xf093;</button>
<button onClick={EditItem} className="send-btn">Update &#xf303;</button>
</div>
</fieldset>
</>

3
src/modules/send.js
View File

@ -34,6 +34,9 @@ const addItem = async (name, link, tag, reFetch, onExit, SetLoader, method, id=n
.then(() => {SetLoader(false)});
onExit();
} else if(name === '' && link === '') {
onExit()
SetLoader(false)
} else {
SetLoader(false)
alert('Please make sure the link is valid.\n\n(i.e. starts with "http"/"https")');

10
src/styles/AddItem.css → src/styles/SendItem.css
View File

@ -51,10 +51,10 @@
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.upload-btn {
.send-btn {
font-family: 'Font Awesome 5 Free';
font-size: 1.1rem;
padding: 5px;
font-size: 1.2rem;
padding: 10px;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
color: #ffffffb6;
@ -67,11 +67,11 @@
transition: background-color 0.1s;
}
.upload-btn:hover {
.send-btn:hover {
background-color: rgb(76, 117, 170);
}
.upload-btn:active {
.send-btn:active {
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}