Tags:
+ {/* eslint-disable-next-line */}
{data.map((e, i) => {
try {
const url = new URL(e.link);
const favicon = 'http://www.google.com/s2/favicons?domain=' + url.hostname;
- return
+ return (
-
+ )
} catch (e) {
console.log(e);
}
diff --git a/src/componets/Loader.js b/src/componets/Loader.js
new file mode 100644
index 0000000..1afc0ad
--- /dev/null
+++ b/src/componets/Loader.js
@@ -0,0 +1,13 @@
+import '../styles/Loader.css';
+import { InfinitySpin } from 'react-loader-spinner'
+
+
+const Loader = () => {
+ return (
+
- 
+
@@ -31,7 +32,7 @@ const List = ({data, reFetch}) => {
{e.title}
{e.tag.map((e, i) => {
- return
{e}
+ return ({e}
)
})}
deleteEntity(e._id, reFetch)}>
+
+ )
+}
+
+export default Loader
\ No newline at end of file
diff --git a/src/componets/NoResults.js b/src/componets/NoResults.js
new file mode 100644
index 0000000..450e5f6
--- /dev/null
+++ b/src/componets/NoResults.js
@@ -0,0 +1,12 @@
+import React from 'react'
+
+const NoResults = () => {
+ return (
+
+
+ )
+}
+
+export default NoResults;
\ No newline at end of file
diff --git a/src/componets/TagSelection.js b/src/componets/TagSelection.js
index fa402d1..c41faf9 100644
--- a/src/componets/TagSelection.js
+++ b/src/componets/TagSelection.js
@@ -1,4 +1,3 @@
-import { useState } from "react";
import CreatableSelect from "react-select/creatable";
const customStyles = {
@@ -7,6 +6,11 @@ const customStyles = {
color: '#a9a9a9',
}),
+ multiValueRemove: (provided) => ({
+ ...provided,
+ color: 'gray',
+ }),
+
indicatorSeparator: (provided) => ({
...provided,
display: 'none',
@@ -17,7 +21,7 @@ const customStyles = {
border: 'solid',
borderWidth: '1px',
borderRadius: '0px',
- borderColor: 'rgb(80, 80, 80)',
+ borderColor: 'rgb(141, 141, 141)',
opacity: '90%',
color: 'gray',
background: '#273949',
diff --git a/src/componets/ViewArchived.js b/src/componets/ViewArchived.js
index 4c99124..d995e52 100644
--- a/src/componets/ViewArchived.js
+++ b/src/componets/ViewArchived.js
@@ -7,9 +7,9 @@ const ViewArchived = ({ id }) => {
return (
)
}
diff --git a/src/modules/addItem.js b/src/modules/addItem.js
index ae79532..90450b8 100644
--- a/src/modules/addItem.js
+++ b/src/modules/addItem.js
@@ -1,7 +1,7 @@
import config from '../config';
import { nanoid } from 'nanoid';
-const addItem = async (name, link, tag, reFetch, onExit) => {
+const addItem = async (name, link, tag, reFetch, onExit, SetLoader) => {
function isValidHttpUrl(string) {
let url;
@@ -30,9 +30,9 @@ const addItem = async (name, link, tag, reFetch, onExit) => {
}
})
.then(res => res.text())
- .then(message => {console.log(message)})
+ .then(message => {SetLoader(false)})
.then(() => reFetch());
-
+
onExit();
} else if(name !== '' && link !== '' && tag !== '') {
alert('Please make sure the link is valid.\n\n(i.e. starts with "http"/"https")');
diff --git a/src/styles/AddItem.css b/src/styles/AddItem.css
index 624fc80..4982585 100644
--- a/src/styles/AddItem.css
+++ b/src/styles/AddItem.css
@@ -17,11 +17,10 @@
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
position: absolute;
z-index: 2;
- top: 63px;
- right: 20px;
+ top: 15%;
+ left: 20%;
+ right: 20%;
background-color: #1f2c38;
- width: 50%;
- max-width: 500px;
overflow-x: hidden;
overflow-y: auto;
}
diff --git a/src/styles/App.css b/src/styles/App.css
index ec58622..91c1952 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -59,3 +59,12 @@ textarea:focus, input:focus{
margin: 20px 20px 0px 30px;
display: inline-block;
}
+
+.no-results {
+ text-align: center;
+ padding-top: 5%;
+ padding-bottom: 5%;
+ background-color:#273949;
+ 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;
+ margin: 20px;
+}
\ No newline at end of file
diff --git a/src/styles/Filters.css b/src/styles/Filters.css
index 512486d..876c2b3 100644
--- a/src/styles/Filters.css
+++ b/src/styles/Filters.css
@@ -20,10 +20,10 @@
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
background-color: #273949;
padding: 5px;
- top: 120px;
- left: 195px;
+ top: 15%;
+ left: 30%;
+ right: 30%;
position: absolute;
- margin-top: 4px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
diff --git a/src/styles/Loader.css b/src/styles/Loader.css
new file mode 100644
index 0000000..0451c27
--- /dev/null
+++ b/src/styles/Loader.css
@@ -0,0 +1,7 @@
+.loader {
+ position: absolute;
+ bottom: 100px;
+ left: 30%;
+ right: 30%;
+ text-align: center;
+}
\ No newline at end of file
diff --git a/src/styles/Sort.css b/src/styles/Sort.css
index 95f0d50..c8a5b65 100644
--- a/src/styles/Sort.css
+++ b/src/styles/Sort.css
@@ -20,10 +20,10 @@
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
background-color: #273949;
padding: 5px;
- top: 120px;
- left: 250px;
+ top: 15%;
+ left: 25%;
+ right: 25%;
position: absolute;
- margin-top: 4px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
diff --git a/src/styles/index.css b/src/styles/index.css
index 6be3698..39e4617 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -9,5 +9,5 @@ body {
}
*::selection {
- background-color: rgba(101, 142, 255, 0.335);
+ background-color: rgba(255, 255, 0, 0.25);
}
\ No newline at end of file
¯\_(ツ)_/¯
+Nothing found.
+