Skip to content
Snippets Groups Projects
Commit e3c3b67d authored by Ganapathi Subramanyam Jayam's avatar Ganapathi Subramanyam Jayam :dart:
Browse files

bg update

parent 1f19f9b8
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 372 additions and 213 deletions
digital-course-file/package-lock.json
+ 162
− 2
View file @ e3c3b67d
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
"firebase": "^8.2.9", "firebase": "^8.2.9",
"firebaseui": "^4.7.3", "firebaseui": "^4.7.3",
"js-file-download": "^0.4.12", "js-file-download": "^0.4.12",
"particles-bg": "^2.5.5",
"prismic-reactjs": "^1.3.3", "prismic-reactjs": "^1.3.3",
"react": "^17.0.1", "react": "^17.0.1",
"react-bootstrap": "^1.5.0", "react-bootstrap": "^1.5.0",
...@@ -1963,6 +1964,7 @@ ...@@ -1963,6 +1964,7 @@
"jest-resolve": "^26.6.2", "jest-resolve": "^26.6.2",
"jest-util": "^26.6.2", "jest-util": "^26.6.2",
"jest-worker": "^26.6.2", "jest-worker": "^26.6.2",
"node-notifier": "^8.0.0",
"slash": "^3.0.0", "slash": "^3.0.0",
"source-map": "^0.6.0", "source-map": "^0.6.0",
"string-length": "^4.0.1", "string-length": "^4.0.1",
...@@ -6905,6 +6907,40 @@ ...@@ -6905,6 +6907,40 @@
"es6-symbol": "^3.1.1" "es6-symbol": "^3.1.1"
} }
}, },
"node_modules/es6-map": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/es6-map/-/es6-map-0.1.5.tgz",
"integrity": "sha1-kTbgUD3MBqMBaQ8LsU/042TpSfA=",
"dependencies": {
"d": "1",
"es5-ext": "~0.10.14",
"es6-iterator": "~2.0.1",
"es6-set": "~0.1.5",
"es6-symbol": "~3.1.1",
"event-emitter": "~0.3.5"
}
},
"node_modules/es6-set": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/es6-set/-/es6-set-0.1.5.tgz",
"integrity": "sha1-0rPsXU2ADO2BjbU40ol02wpzzLE=",
"dependencies": {
"d": "1",
"es5-ext": "~0.10.14",
"es6-iterator": "~2.0.1",
"es6-symbol": "3.1.1",
"event-emitter": "~0.3.5"
}
},
"node_modules/es6-set/node_modules/es6-symbol": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.1.tgz",
"integrity": "sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=",
"dependencies": {
"d": "1",
"es5-ext": "~0.10.14"
}
},
"node_modules/es6-symbol": { "node_modules/es6-symbol": {
"version": "3.1.3", "version": "3.1.3",
"resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz", "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
...@@ -6943,7 +6979,8 @@ ...@@ -6943,7 +6979,8 @@
"esprima": "^4.0.1", "esprima": "^4.0.1",
"estraverse": "^4.2.0", "estraverse": "^4.2.0",
"esutils": "^2.0.2", "esutils": "^2.0.2",
"optionator": "^0.8.1" "optionator": "^0.8.1",
"source-map": "~0.6.1"
}, },
"bin": { "bin": {
"escodegen": "bin/escodegen.js", "escodegen": "bin/escodegen.js",
...@@ -7576,6 +7613,15 @@ ...@@ -7576,6 +7613,15 @@
"node": ">= 0.6" "node": ">= 0.6"
} }
}, },
"node_modules/event-emitter": {
"version": "0.3.5",
"resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
"integrity": "sha1-34xp7vFkeSPHFXuc6DhAYQsCzDk=",
"dependencies": {
"d": "1",
"es5-ext": "~0.10.14"
}
},
"node_modules/event-target-shim": { "node_modules/event-target-shim": {
"version": "5.0.1", "version": "5.0.1",
"resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz", "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
...@@ -10748,6 +10794,7 @@ ...@@ -10748,6 +10794,7 @@
"@types/node": "*", "@types/node": "*",
"anymatch": "^3.0.3", "anymatch": "^3.0.3",
"fb-watchman": "^2.0.0", "fb-watchman": "^2.0.0",
"fsevents": "^2.1.2",
"graceful-fs": "^4.2.4", "graceful-fs": "^4.2.4",
"jest-regex-util": "^26.0.0", "jest-regex-util": "^26.0.0",
"jest-serializer": "^26.6.2", "jest-serializer": "^26.6.2",
...@@ -13609,6 +13656,19 @@ ...@@ -13609,6 +13656,19 @@
"node": ">= 0.8" "node": ">= 0.8"
} }
}, },
"node_modules/particles-bg": {
"version": "2.5.5",
"resolved": "https://registry.npmjs.org/particles-bg/-/particles-bg-2.5.5.tgz",
"integrity": "sha512-NzjgmayGwyvH/hGq437++nNc9qUCrsV1riX+m0+kuvbJSXStyUJ3hJocejNKtvOVuml0RfUp64pRt3UmmmAgsQ==",
"dependencies": {
"proton-engine": "^4.1.3",
"raf-manager": "^0.3.0"
},
"engines": {
"node": ">=8",
"npm": ">=5"
}
},
"node_modules/pascal-case": { "node_modules/pascal-case": {
"version": "3.1.2", "version": "3.1.2",
"resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
...@@ -15326,6 +15386,11 @@ ...@@ -15326,6 +15386,11 @@
"resolved": "https://registry.npmjs.org/@types/node/-/node-13.13.45.tgz", "resolved": "https://registry.npmjs.org/@types/node/-/node-13.13.45.tgz",
"integrity": "sha512-703YTEp8AwQeapI0PTXDOj+Bs/mtdV/k9VcTP7z/de+lx6XjFMKdB+JhKnK+6PZ5za7omgZ3V6qm/dNkMj/Zow==" "integrity": "sha512-703YTEp8AwQeapI0PTXDOj+Bs/mtdV/k9VcTP7z/de+lx6XjFMKdB+JhKnK+6PZ5za7omgZ3V6qm/dNkMj/Zow=="
}, },
"node_modules/proton-engine": {
"version": "4.2.1",
"resolved": "https://registry.npmjs.org/proton-engine/-/proton-engine-4.2.1.tgz",
"integrity": "sha512-c72hgcnwMyyvUoy7Jq/HX3HQZnAo5MUNvFbyZHiWZrwcERX9+lYzM9YyT0iueXVAJpt+r8nrPan9F3HTXj7IsA=="
},
"node_modules/proxy-addr": { "node_modules/proxy-addr": {
"version": "2.0.6", "version": "2.0.6",
"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz", "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz",
...@@ -15465,6 +15530,22 @@ ...@@ -15465,6 +15530,22 @@
"performance-now": "^2.1.0" "performance-now": "^2.1.0"
} }
}, },
"node_modules/raf-manager": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/raf-manager/-/raf-manager-0.3.0.tgz",
"integrity": "sha512-qLpVgVlUmwtlY35zoyCQwLWMOpLkVtiItPd/RxouHAh80XZjoh84CF5pFBVyIIUWXubypSJi1OBJS4jM7onOng==",
"dependencies": {
"core-js": "^2.5.7",
"es6-map": "^0.1.5"
}
},
"node_modules/raf-manager/node_modules/core-js": {
"version": "2.6.12",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
"integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
"deprecated": "core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.",
"hasInstallScript": true
},
"node_modules/ramda": { "node_modules/ramda": {
"version": "0.26.1", "version": "0.26.1",
"resolved": "https://registry.npmjs.org/ramda/-/ramda-0.26.1.tgz", "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.26.1.tgz",
...@@ -15883,6 +15964,7 @@ ...@@ -15883,6 +15964,7 @@
"eslint-webpack-plugin": "^2.1.0", "eslint-webpack-plugin": "^2.1.0",
"file-loader": "6.1.1", "file-loader": "6.1.1",
"fs-extra": "^9.0.1", "fs-extra": "^9.0.1",
"fsevents": "^2.1.3",
"html-webpack-plugin": "4.5.0", "html-webpack-plugin": "4.5.0",
"identity-obj-proxy": "3.0.0", "identity-obj-proxy": "3.0.0",
"jest": "26.6.0", "jest": "26.6.0",
...@@ -19255,8 +19337,10 @@ ...@@ -19255,8 +19337,10 @@
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
"integrity": "sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==", "integrity": "sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==",
"dependencies": { "dependencies": {
"chokidar": "^3.4.1",
"graceful-fs": "^4.1.2", "graceful-fs": "^4.1.2",
"neo-async": "^2.5.0" "neo-async": "^2.5.0",
"watchpack-chokidar2": "^2.0.1"
}, },
"optionalDependencies": { "optionalDependencies": {
"chokidar": "^3.4.1", "chokidar": "^3.4.1",
...@@ -19753,6 +19837,7 @@ ...@@ -19753,6 +19837,7 @@
"anymatch": "^2.0.0", "anymatch": "^2.0.0",
"async-each": "^1.0.1", "async-each": "^1.0.1",
"braces": "^2.3.2", "braces": "^2.3.2",
"fsevents": "^1.2.7",
"glob-parent": "^3.1.0", "glob-parent": "^3.1.0",
"inherits": "^2.0.3", "inherits": "^2.0.3",
"is-binary-path": "^1.0.0", "is-binary-path": "^1.0.0",
...@@ -27098,6 +27183,42 @@ ...@@ -27098,6 +27183,42 @@
"es6-symbol": "^3.1.1" "es6-symbol": "^3.1.1"
} }
}, },
"es6-map": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/es6-map/-/es6-map-0.1.5.tgz",
"integrity": "sha1-kTbgUD3MBqMBaQ8LsU/042TpSfA=",
"requires": {
"d": "1",
"es5-ext": "~0.10.14",
"es6-iterator": "~2.0.1",
"es6-set": "~0.1.5",
"es6-symbol": "~3.1.1",
"event-emitter": "~0.3.5"
}
},
"es6-set": {
"version": "0.1.5",
"resolved": "https://registry.npmjs.org/es6-set/-/es6-set-0.1.5.tgz",
"integrity": "sha1-0rPsXU2ADO2BjbU40ol02wpzzLE=",
"requires": {
"d": "1",
"es5-ext": "~0.10.14",
"es6-iterator": "~2.0.1",
"es6-symbol": "3.1.1",
"event-emitter": "~0.3.5"
},
"dependencies": {
"es6-symbol": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.1.tgz",
"integrity": "sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=",
"requires": {
"d": "1",
"es5-ext": "~0.10.14"
}
}
}
},
"es6-symbol": { "es6-symbol": {
"version": "3.1.3", "version": "3.1.3",
"resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz", "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
...@@ -27635,6 +27756,15 @@ ...@@ -27635,6 +27756,15 @@
"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
"integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
}, },
"event-emitter": {
"version": "0.3.5",
"resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
"integrity": "sha1-34xp7vFkeSPHFXuc6DhAYQsCzDk=",
"requires": {
"d": "1",
"es5-ext": "~0.10.14"
}
},
"event-target-shim": { "event-target-shim": {
"version": "5.0.1", "version": "5.0.1",
"resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz", "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
...@@ -32531,6 +32661,15 @@ ...@@ -32531,6 +32661,15 @@
"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
"integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==" "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ=="
}, },
"particles-bg": {
"version": "2.5.5",
"resolved": "https://registry.npmjs.org/particles-bg/-/particles-bg-2.5.5.tgz",
"integrity": "sha512-NzjgmayGwyvH/hGq437++nNc9qUCrsV1riX+m0+kuvbJSXStyUJ3hJocejNKtvOVuml0RfUp64pRt3UmmmAgsQ==",
"requires": {
"proton-engine": "^4.1.3",
"raf-manager": "^0.3.0"
}
},
"pascal-case": { "pascal-case": {
"version": "3.1.2", "version": "3.1.2",
"resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
...@@ -33952,6 +34091,11 @@ ...@@ -33952,6 +34091,11 @@
} }
} }
}, },
"proton-engine": {
"version": "4.2.1",
"resolved": "https://registry.npmjs.org/proton-engine/-/proton-engine-4.2.1.tgz",
"integrity": "sha512-c72hgcnwMyyvUoy7Jq/HX3HQZnAo5MUNvFbyZHiWZrwcERX9+lYzM9YyT0iueXVAJpt+r8nrPan9F3HTXj7IsA=="
},
"proxy-addr": { "proxy-addr": {
"version": "2.0.6", "version": "2.0.6",
"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz", "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz",
...@@ -34073,6 +34217,22 @@ ...@@ -34073,6 +34217,22 @@
"performance-now": "^2.1.0" "performance-now": "^2.1.0"
} }
}, },
"raf-manager": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/raf-manager/-/raf-manager-0.3.0.tgz",
"integrity": "sha512-qLpVgVlUmwtlY35zoyCQwLWMOpLkVtiItPd/RxouHAh80XZjoh84CF5pFBVyIIUWXubypSJi1OBJS4jM7onOng==",
"requires": {
"core-js": "^2.5.7",
"es6-map": "^0.1.5"
},
"dependencies": {
"core-js": {
"version": "2.6.12",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
"integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
}
}
},
"ramda": { "ramda": {
"version": "0.26.1", "version": "0.26.1",
"resolved": "https://registry.npmjs.org/ramda/-/ramda-0.26.1.tgz", "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.26.1.tgz",
digital-course-file/package.json
+ 1
− 0
View file @ e3c3b67d
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
"firebase": "^8.2.9", "firebase": "^8.2.9",
"firebaseui": "^4.7.3", "firebaseui": "^4.7.3",
"js-file-download": "^0.4.12", "js-file-download": "^0.4.12",
"particles-bg": "^2.5.5",
"prismic-reactjs": "^1.3.3", "prismic-reactjs": "^1.3.3",
"react": "^17.0.1", "react": "^17.0.1",
"react-bootstrap": "^1.5.0", "react-bootstrap": "^1.5.0",
......
digital-course-file/src/styles.css
+ 9
− 9
View file @ e3c3b67d
...@@ -24,11 +24,11 @@ button { ...@@ -24,11 +24,11 @@ button {
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
padding: 0 20px; padding: 0 20px;
background: #e9e9e9;
display: flex; display: flex;
} }
.login .loginContainer { .loginContainer {
padding: 60px; padding: 60px;
margin: auto; margin: auto;
width: 100%; width: 100%;
...@@ -46,7 +46,7 @@ button { ...@@ -46,7 +46,7 @@ button {
box-shadow: 0 50px 70px -20px rgba(0, 0, 0, 0.8); box-shadow: 0 50px 70px -20px rgba(0, 0, 0, 0.8);
} }
.login .loginContainer label { .loginContainer label {
color: white; color: white;
margin: 14px 0; margin: 14px 0;
display: block; display: block;
...@@ -54,7 +54,7 @@ button { ...@@ -54,7 +54,7 @@ button {
line-height: 1; line-height: 1;
} }
.login .loginContainer input { .loginContainer input {
width: 100%; width: 100%;
border: none; border: none;
outline: none; outline: none;
...@@ -65,18 +65,18 @@ button { ...@@ -65,18 +65,18 @@ button {
letter-spacing: 1px; letter-spacing: 1px;
} }
.login .loginContainer .btnContainer { .loginContainer .btnContainer {
width: 100%; width: 100%;
padding: 24px 0; padding: 24px 0;
} }
.login .loginContainer .btnContainer p { .loginContainer .btnContainer p {
margin: 14px 0 0 0; margin: 14px 0 0 0;
text-align: right; text-align: right;
color: #fff; color: #fff;
} }
.login .loginContainer .btnContainer p span { .loginContainer .btnContainer p span {
color: yellow; color: yellow;
font-weight: 500; font-weight: 500;
letter-spacing: 0.5px; letter-spacing: 0.5px;
...@@ -85,11 +85,11 @@ button { ...@@ -85,11 +85,11 @@ button {
transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;
} }
.login .loginContainer .btnContainer p span:hover { .loginContainer .btnContainer p span:hover {
color: red; color: red;
} }
.login .loginContainer .errorMsg { .loginContainer .errorMsg {
color: red; color: red;
font-size: 16px; font-size: 16px;
} }
......
digital-course-file/src/user/AddFolder.js
+ 81
− 76
View file @ e3c3b67d
import { React , useState, Fragment } from "react"; import { React, useState, Fragment } from 'react'
import { Button,Modal,Form} from 'react-bootstrap'; import { Button, Modal, Form } from 'react-bootstrap'
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faFolderPlus } from "@fortawesome/free-solid-svg-icons"; import { faFolderPlus } from '@fortawesome/free-solid-svg-icons'
import { database } from '../fire.js' import { database } from '../fire.js'
import firebase from 'firebase' import firebase from 'firebase'
import { ROOT_FOLDER } from '.././hooks/useFolder' import { ROOT_FOLDER } from '.././hooks/useFolder'
import ReactTooltip from 'react-tooltip'; import ReactTooltip from 'react-tooltip'
export default function AddFolder({ currentFolder }) { export default function AddFolder({ currentFolder }) {
const divStyle = { const divStyle = {
fontWeight: 'bold', fontWeight: 'bold',
color: 'black' color: 'black',
}; }
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false)
const [name, setName] = useState(""); const [name, setName] = useState('')
function openModal() { function openModal() {
setOpen(true); setOpen(true)
} }
function closeModal() { function closeModal() {
setOpen(false); setOpen(false)
} }
function handleSubmit(e) { function handleSubmit(e) {
if (currentFolder == null) return
if(currentFolder == null) return; const path = [...currentFolder.path]
const path = [...currentFolder.path];
if (currentFolder !== ROOT_FOLDER) { if (currentFolder !== ROOT_FOLDER) {
path.push({ name: currentFolder.name, id: currentFolder.id }) path.push({ name: currentFolder.name, id: currentFolder.id })
} }
const parents = [...currentFolder.parents]; const parents = [...currentFolder.parents]
if (currentFolder !== ROOT_FOLDER) { if (currentFolder !== ROOT_FOLDER) {
parents.push(currentFolder.id) parents.push(currentFolder.id)
} }
e.preventDefault(); e.preventDefault()
database.folders.add({ database.folders.add({
name: name, name: name,
parentId: currentFolder.id, parentId: currentFolder.id,
...@@ -46,15 +45,22 @@ export default function AddFolder( {currentFolder} ){ ...@@ -46,15 +45,22 @@ export default function AddFolder( {currentFolder} ){
createdAt: database.getTime(), createdAt: database.getTime(),
parents: parents, parents: parents,
}) })
setName(""); setName('')
closeModal(); closeModal()
} }
return ( return (
<Fragment> <Fragment>
<Button data-tip data-for='addfolder' name='nf' style={{maxWidth : "80px" }} className="mr-2" onClick={openModal} variant="primary" size="sm" > <Button
data-tip
data-for='addfolder'
name='nf'
style={{ maxWidth: '80px' }}
className='mr-2'
onClick={openModal}
variant='primary'
size='sm'
>
<FontAwesomeIcon icon={faFolderPlus} /> <FontAwesomeIcon icon={faFolderPlus} />
</Button> </Button>
<Modal show={open} onHide={closeModal}> <Modal show={open} onHide={closeModal}>
...@@ -63,18 +69,18 @@ export default function AddFolder( {currentFolder} ){ ...@@ -63,18 +69,18 @@ export default function AddFolder( {currentFolder} ){
<Form.Group> <Form.Group>
<Form.Label>Folder Name</Form.Label> <Form.Label>Folder Name</Form.Label>
<Form.Control <Form.Control
type="text" type='text'
required required
value={name} value={name}
onChange={e => setName(e.target.value)} onChange={(e) => setName(e.target.value)}
/> />
</Form.Group> </Form.Group>
</Modal.Body> </Modal.Body>
<Modal.Footer> <Modal.Footer>
<Button name='create_folder' variant="success" type="submit"> <Button name='create_folder' variant='success' type='submit'>
Add Folder Add Folder
</Button> </Button>
<Button variant="danger" onClick={closeModal}> <Button variant='danger' onClick={closeModal}>
Cancel Cancel
</Button> </Button>
</Modal.Footer> </Modal.Footer>
...@@ -85,6 +91,5 @@ export default function AddFolder( {currentFolder} ){ ...@@ -85,6 +91,5 @@ export default function AddFolder( {currentFolder} ){
<span style={divStyle}>Add Folder</span> <span style={divStyle}>Add Folder</span>
</ReactTooltip> </ReactTooltip>
</Fragment> </Fragment>
); )
} }
digital-course-file/src/user/Hero.js
+ 58
− 64
View file @ e3c3b67d
import React, { useState, Component } from "react" import React, { useState, Component } from 'react'
import AddFolder from './AddFolder' import AddFolder from './AddFolder'
import AddFile from './AddFile' import AddFile from './AddFile'
import { Container, Button, Navbar, Nav } from 'react-bootstrap' import { Container, Button, Navbar, Nav } from 'react-bootstrap'
...@@ -11,12 +11,12 @@ import Deletefolder from './Deletefolder' ...@@ -11,12 +11,12 @@ import Deletefolder from './Deletefolder'
import { useParams, useLocation } from 'react-router-dom' import { useParams, useLocation } from 'react-router-dom'
import { Link } from 'react-router-dom' import { Link } from 'react-router-dom'
import File from './File' import File from './File'
import 'firebase/storage'; import 'firebase/storage'
import ReactDOM from "react-dom" import ReactDOM from 'react-dom'
import firebase from "../fire"; import firebase from '../fire'
import Loader from 'react-loader-spinner' import Loader from 'react-loader-spinner'
import Dropzone from './Dropzone' import Dropzone from './Dropzone'
import ParticlesBg from 'particles-bg'
const Hero = ({ handleLogout }) => { const Hero = ({ handleLogout }) => {
const { folderId } = useParams() const { folderId } = useParams()
...@@ -39,23 +39,23 @@ const Hero = ({ handleLogout }) => { ...@@ -39,23 +39,23 @@ const Hero = ({ handleLogout }) => {
) )
} }
if(folder.id!=="copyright"){ if (folder.id !== 'copyright') {
return ( return (
<> <>
<ParticlesBg type='square' bg={true} />
<Container fluid> <Container fluid>
<div className='d-flex align-items-center'> <div className='d-flex align-items-center'>
<FolderNav currentFolder={folder} /> <FolderNav currentFolder={folder} />
<AddFolder currentFolder={folder} /> <AddFolder currentFolder={folder} />
{childFolders.length == 0 && folder.parentId == null && folder.id!=null && ( {childFolders.length == 0 &&
<Deffolders currentFolder={folder} /> folder.parentId == null &&
)} folder.id != null && <Deffolders currentFolder={folder} />}
{folder.id!=null && ( <Sharelink currentFolder={folder} /> )} {folder.id != null && <Sharelink currentFolder={folder} />}
{folder.id!=null && ( <Deletefolder currentFolder={folder} /> )} {folder.id != null && <Deletefolder currentFolder={folder} />}
{folder.id!=null && ( <AddFile currentFolder={folder} /> )} {folder.id != null && <AddFile currentFolder={folder} />}
{folder.id!=null && ( <Dropzone currentFolder={folder} /> )} {folder.id != null && <Dropzone currentFolder={folder} />}
</div> </div>
{childFolders.length > 0 && ( {childFolders.length > 0 && (
...@@ -74,22 +74,19 @@ const Hero = ({ handleLogout }) => { ...@@ -74,22 +74,19 @@ const Hero = ({ handleLogout }) => {
{childFolders.length > 0 && childFiles.length > 0 && <hr />} {childFolders.length > 0 && childFiles.length > 0 && <hr />}
{childFiles.length > 0 && ( {childFiles.length > 0 && (
<div className="d-flex flex-wrap"> <div className='d-flex flex-wrap'>
{childFiles.map(childFile => ( {childFiles.map((childFile) => (
<div <div
key={childFile.id} key={childFile.id}
style={{ maxWidth: "250px" }} style={{ maxWidth: '250px' }}
className="p-2" className='p-2'
> >
<File file={childFile} /> <File file={childFile} />
<div id="root"> <div id='root'></div>
</div>
</div> </div>
))} ))}
</div> </div>
)} )}
</Container> </Container>
<Navbar fixed='bottom' variant='light' bg='light'> <Navbar fixed='bottom' variant='light' bg='light'>
<Container className='ml-sm-2'> <Container className='ml-sm-2'>
...@@ -100,12 +97,9 @@ const Hero = ({ handleLogout }) => { ...@@ -100,12 +97,9 @@ const Hero = ({ handleLogout }) => {
</Navbar> </Navbar>
</> </>
) )
} else { } else {
return null return null
} }
} }
export default Hero export default Hero
digital-course-file/src/user/Login.js
+ 11
− 6
View file @ e3c3b67d
...@@ -2,7 +2,7 @@ import React from 'react' ...@@ -2,7 +2,7 @@ import React from 'react'
import GoogleButton from 'react-google-button' import GoogleButton from 'react-google-button'
import GithubButton from 'react-github-login-button' import GithubButton from 'react-github-login-button'
import { Link } from 'react-router-dom' import { Link } from 'react-router-dom'
import ParticlesBg from 'particles-bg'
const Login = (props) => { const Login = (props) => {
const { const {
...@@ -20,9 +20,8 @@ const Login = (props) => { ...@@ -20,9 +20,8 @@ const Login = (props) => {
githubsignin, githubsignin,
} = props } = props
return ( return (
<section className='login'> <section>
<div className='loginContainer'> <div className='loginContainer'>
<label>UserName</label> <label>UserName</label>
<input <input
...@@ -46,7 +45,9 @@ const Login = (props) => { ...@@ -46,7 +45,9 @@ const Login = (props) => {
<div className='btnContainer'> <div className='btnContainer'>
{hasAccount ? ( {hasAccount ? (
<> <>
<button name='signin' onClick={handleLogin}>Sign In</button> <button name='signin' onClick={handleLogin}>
Sign In
</button>
<div className='w-100 text-center mt-3'> <div className='w-100 text-center mt-3'>
<Link to='/forgot-password'>Forgot Password</Link> <Link to='/forgot-password'>Forgot Password</Link>
</div> </div>
...@@ -62,7 +63,9 @@ const Login = (props) => { ...@@ -62,7 +63,9 @@ const Login = (props) => {
</> </>
) : ( ) : (
<> <>
<button name='signup' onClick={handleSignup}>Sign up</button> <button name='signup' onClick={handleSignup}>
Sign up
</button>
<p> <p>
Have an account ?{' '} Have an account ?{' '}
...@@ -78,6 +81,8 @@ const Login = (props) => { ...@@ -78,6 +81,8 @@ const Login = (props) => {
)} )}
</div> </div>
</div> </div>
<ParticlesBg type='cobweb' bg={true} />
</section> </section>
) )
} }
......
digital-course-file/src/user/Signin.js
+ 0
− 2
View file @ e3c3b67d
...@@ -81,8 +81,6 @@ const Signin = () => { ...@@ -81,8 +81,6 @@ const Signin = () => {
setPasswordError('') setPasswordError('')
} }
const handleLogin = () => { const handleLogin = () => {
clearErrors() clearErrors()
fire fire
......
digital-course-file/src/user/copyright.js
+ 50
− 54
View file @ e3c3b67d
import React from 'react' import React from 'react'
import { import ParticlesBg from 'particles-bg'
Navbar,
Nav,
Form,
FormControl,
Button,
Container,
} from 'react-bootstrap'
export default function copyright() { export default function copyright() {
return <> return (
<>
<ParticlesBg type='color' bg={true} />
<h2>DEVELOPERS</h2> <h2>DEVELOPERS</h2>
<h3>Ganapathi Subramanyam Jayam</h3> <h3>Ganapathi Subramanyam Jayam</h3>
<p>Contact : jayam.ganapathi12@gmail.com</p> <p>Contact : jayam.ganapathi12@gmail.com</p>
...@@ -55,4 +50,5 @@ export default function copyright() { ...@@ -55,4 +50,5 @@ export default function copyright() {
<p>Components: Firebase, React js</p> <p>Components: Firebase, React js</p>
<p>Editor: vscode</p> <p>Editor: vscode</p>
</> </>
)
} }
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment