+
+ );
+};
+
+export default LeftLogin;
diff --git a/renderer/src/components/Login/LeftLogin org.js b/renderer/src/components/Login/LeftLogin org.js
new file mode 100644
index 000000000..c05dacc54
--- /dev/null
+++ b/renderer/src/components/Login/LeftLogin org.js
@@ -0,0 +1,432 @@
+import { Dialog, Tab, Transition } from '@headlessui/react';
+import React, {
+ Fragment, useContext, useEffect, useState,
+} from 'react';
+import * as localForage from 'localforage';
+import { TrashIcon } from '@heroicons/react/24/outline';
+import { Restore } from '@material-ui/icons';
+import { createUser, handleLogin, writeToFile } from '../../core/Login/handleLogin';
+import { isElectron } from '../../core/handleElectron';
+import * as logger from '../../logger';
+import { AuthenticationContext } from './AuthenticationContextProvider';
+
+const LeftLogin = () => {
+ const [isOpen, setIsOpen] = useState(false);
+ const [open, setOpen] = useState(false);
+ const [values, setValues] = useState({});
+ const [text, setText] = useState('');
+ const [newOpen, setNewOpen] = useState(false);
+ const [users, setUsers] = useState([]);
+ const {
+ action: { generateToken },
+ } = useContext(AuthenticationContext);
+ // eslint-disable-next-line no-unused-vars
+ const [valid, setValid] = useState({
+ username: false,
+ password: false,
+ });
+ const [showArchived, setShowArchived] = useState(false);
+ const [userNameError, setUserNameError] = useState(false);
+
+ /* Checking if the users array is empty, if it is, it is getting the users from localForage and
+ setting the users array to the users from localForage. */
+ useEffect(() => {
+ const checkUsers = async () => {
+ if (users.length === 0) {
+ const user = await localForage.getItem('users');
+ if (user) {
+ setUsers(user);
+ }
+ }
+ };
+ checkUsers();
+ }, [users]);
+
+ function closeModal() {
+ setIsOpen(false);
+ setShowArchived(false);
+ }
+ function openModal() {
+ setIsOpen(true);
+ }
+ function closeAccountModal() {
+ setOpen(false);
+ setValues({});
+ }
+ function openAccountModal() {
+ setOpen(true);
+ }
+ const handleChange = (event) => {
+ setValues({ ...values, username: event.target.value });
+ setUserNameError(false);
+ };
+
+ /**
+ * If the username is not empty, set the username error to false. If the username is empty, set the
+ * username error to true.
+ * @param values - the values of the form
+ * @returns The return value is a boolean.
+ */
+ const handleValidation = (values) => {
+ let user;
+ if (values.username) {
+ user = true;
+ setUserNameError(false);
+ setNewOpen(false);
+ } else if (values.username === '') {
+ user = false;
+ setUserNameError(true);
+ } else {
+ user = false;
+ setUserNameError(true);
+ }
+ return user;
+ };
+ /* Sorting the users array by the lastSeen property. */
+ const sortedUsers = [...users].sort((a, b) => Date.parse(b.lastSeen) - Date.parse(a.lastSeen));
+ /**
+ * Checks if the user is existing or not, if not then it creates a new user and generates a token
+ * for the user.
+ * @param values - {
+ */
+ const handleSubmit = async (values) => {
+ localForage.setItem('appMode', 'offline');
+ logger.debug('Login.js', 'In handleSubmit');
+ if (isElectron()) {
+ // router.push('/main');
+ // The below code is commented for UI dev purpose.
+ if (handleValidation(values)) {
+ const fs = window.require('fs');
+ logger.debug(
+ 'LeftLogin.js',
+ 'Triggers handleLogin to check whether the user is existing or not',
+ );
+ const user = await handleLogin(users, values);
+ if (user) {
+ logger.debug(
+ 'LeftLogin.js',
+ 'Triggers generateToken to generate a Token for the user',
+ );
+ generateToken(user);
+ } else {
+ logger.debug(
+ 'LeftLogin.js',
+ 'Triggers createUser for creating a new user',
+ );
+ const user = await createUser(values, fs);
+ logger.debug(
+ 'LeftLogin.js',
+ 'Triggers generateToken to generate a Token for the user',
+ );
+ generateToken(user);
+ }
+ }
+ }
+ };
+ /**
+ * When the form is submitted, prevent the default action, then call the handleSubmit function with
+ * the values from the form, then reset the form values.
+ * @param event - the event object
+ */
+ const displayError = (errorText) => {
+ setNewOpen(true);
+ setTimeout(() => {
+ setNewOpen(false);
+ }, 2000);
+ setText(errorText);
+ };
+ function formSubmit(event) {
+ event.preventDefault();
+ if (values.username.length < 3 || values.username.length > 15) {
+ displayError('The input has to be between 3 and 15 characters long');
+ } else if (users.length > 0 && users.find((item) => (item.username.toLowerCase() === values.username.toLowerCase().trim()))) {
+ displayError('User exists, Check archived and active tab by click on view more.');
+ } else {
+ handleSubmit(values);
+ setValues({});
+ }
+ }
+ function classNames(...classes) {
+ return classes.filter(Boolean).join(' ');
+ }
+
+ function archiveUser(users, selectedUser) {
+ const archivedUsers = users.map((user) => {
+ if (user.username === selectedUser.username) {
+ return { ...user, isArchived: true };
+ }
+ return user;
+ });
+
+ setUsers(archivedUsers);
+ localForage.setItem('users', archivedUsers);
+ writeToFile(archivedUsers);
+ }
+ function restoreUser(users, selectedUser) {
+ const activeUsers = users.map((user) => {
+ if (user.username === selectedUser.username) {
+ return { ...user, isArchived: false };
+ }
+ return user;
+ });
+ setUsers(activeUsers);
+ localForage.setItem('users', activeUsers);
+ writeToFile(activeUsers);
+ }
+ const filterUsers = (user) => {
+ if (user.isArchived === showArchived || (user.isArchived === undefined && showArchived === false)) {
+ return true;
+ }
+ return false;
+ };
+ return (
+ + {sortedUsers.length === 0 ? 'Welcome' : 'Welcome Back!'} +
+ {/*+ Welcome back! Login to access Scribe Scripture +
*/} +
+
+
+
+
+
+ {sortedUsers?.filter(filterUsers).slice(0, 5).map((user) => (
+
+ {sortedUsers.length === 0 ? () : (
+ {
+ handleSubmit({ username: user?.username });
+ }}
+ >
+ {user.username}
+
+ ))}
+
+
+
+)}
+
+
+
+
+
+
+ {/* */}
+
+
+ );
+};
+
+export default LeftLogin;
diff --git a/renderer/src/components/Login/LeftLogin.js b/renderer/src/components/Login/LeftLogin.js
index 2a7d6aa4b..9f26a327f 100644
--- a/renderer/src/components/Login/LeftLogin.js
+++ b/renderer/src/components/Login/LeftLogin.js
@@ -5,6 +5,7 @@ import React, {
import * as localForage from 'localforage';
import { TrashIcon } from '@heroicons/react/24/outline';
import { Restore } from '@material-ui/icons';
+import LogoIcon from '@/icons/logo.svg';
import { createUser, handleLogin, writeToFile } from '../../core/Login/handleLogin';
import { isElectron } from '../../core/handleElectron';
import * as logger from '../../logger';
@@ -180,18 +181,34 @@ const LeftLogin = () => {
return false;
};
return (
- Welcome!
++ Welcome back! Login to access Scribe Scripture +
+
+
+
+
+
+
+ {sortedUsers?.filter(filterUsers).slice(0, 5).map((user) => (
+
+ {sortedUsers.length === 0 ? () : (
+ {
+ handleSubmit({ username: user?.username });
+ }}
+ >
+ {user.username}
+
+ ))}
+
+
+
+)}
+
+
+
+
+
+
+ {/* */}
+
-
Welcome!
-- Welcome back! Login to access Scribe Scripture -
-
-
+
+
+
);
};
diff --git a/renderer/src/components/Login/RightLogin.js b/renderer/src/components/Login/RightLogin.js
index bc11c4dfd..b89a85b39 100644
--- a/renderer/src/components/Login/RightLogin.js
+++ b/renderer/src/components/Login/RightLogin.js
@@ -1,4 +1,7 @@
-import LogoIcon from '@/icons/logo.svg';
+import Slider from '../ImageSlider/Slider';
+import AudioEditorIcon from '@/illustrations/AudioEditor.svg';
+import BibleEditorIcon from '@/illustrations/BibleEditor.svg';
+import OBSEditorIcon from '@/illustrations/OBSEditor.svg';
// import GroupIcon from '@/illustrations/group.svg';
// import VectorOne from '@/illustrations/vector-one.svg';
@@ -7,68 +10,40 @@ import LogoIcon from '@/icons/logo.svg';
export default function RightLogin() {
return (
-
+
+
+
+
+
+ Scribe Scripture
+Scripture editing made simple+
{sortedUsers.length === 0 ? 'Welcome!' : 'Welcome Back !'}
+ +
+
+
-)}
+ )}
+
{
+
{sortedUsers?.filter(filterUsers).slice(0, 5).map((user) => (
+
{sortedUsers.length === 0 ? () : (
{
@@ -202,6 +219,7 @@ const LeftLogin = () => {
))}
@@ -411,21 +433,20 @@ const LeftLogin = () => {
-
- event.preventDefault()}>
- EN(US)
-
- event.preventDefault()}>
- ABOUT
-
- event.preventDefault()}>
- PRIVACY
-
- event.preventDefault()}>
- TERMS
-
-
+
+ {/* */}
+
+
+
+
+
+
-
-
-
-
- Scribe Scripture
-
-
-
- {/*
-
-
-
- {/*
-
- */} -
-
+ A Bible translation editor that is owned by and developed for the community which uses modern technology to solve the practical problems faced on the field in the current Bible translation context.
-
- FEATURE 1
- 
-
-
+
);
}
+
- A Bible translation editor that is owned by and developed for the community which uses modern technology to solve the practical problems faced on the field in the current Bible translation context.
-
-
- 
-
-
-
-
-
- {/*
-
-
-
-
+
-
+
- {/*
-