From f900d6cb7559e84730a027ba480af9505e541165 Mon Sep 17 00:00:00 2001
From: VarunMotiyani
Date: Wed, 13 Sep 2023 14:32:17 +0530
Subject: [PATCH 01/67] changed the searchbar to functional
---
.../IDE/components/Searchbar/Searchbar.jsx | 100 ++++++++----------
1 file changed, 47 insertions(+), 53 deletions(-)
diff --git a/client/modules/IDE/components/Searchbar/Searchbar.jsx b/client/modules/IDE/components/Searchbar/Searchbar.jsx
index a7c79d1f46..1c2217fd7a 100644
--- a/client/modules/IDE/components/Searchbar/Searchbar.jsx
+++ b/client/modules/IDE/components/Searchbar/Searchbar.jsx
@@ -1,71 +1,65 @@
+import React, { useState, useCallback, useEffect } from 'react';
import PropTypes from 'prop-types';
-import React from 'react';
import { throttle } from 'lodash';
import { withTranslation } from 'react-i18next';
import i18next from 'i18next';
import SearchIcon from '../../../../images/magnifyingglass.svg';
-class Searchbar extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- searchValue: this.props.searchTerm
- };
- this.throttledSearchChange = throttle(this.searchChange, 500);
- }
+const Searchbar = ({
+ searchTerm,
+ setSearchTerm,
+ resetSearchTerm,
+ searchLabel,
+ t
+}) => {
+ const [searchValue, setSearchValue] = useState(searchTerm);
- componentWillUnmount() {
- this.props.resetSearchTerm();
- }
+ const throttledSearchChange = useCallback(
+ throttle((value) => {
+ setSearchTerm(value.trim());
+ }, 500),
+ []
+ );
- handleResetSearch = () => {
- this.setState({ searchValue: '' }, () => {
- this.props.resetSearchTerm();
- });
+ const handleResetSearch = () => {
+ setSearchValue('');
+ resetSearchTerm();
};
- searchChange = () => {
- this.props.setSearchTerm(this.state.searchValue.trim());
+ const handleSearchChange = (e) => {
+ const { value } = e.target;
+ setSearchValue(value);
+ throttledSearchChange(value.trim());
};
- handleSearchChange = (e) => {
- this.setState({ searchValue: e.target.value }, () => {
- this.throttledSearchChange(this.state.searchValue.trim());
- });
- };
+ useEffect(() => {
+ setSearchValue(searchTerm);
+ }, [searchTerm]);
- render() {
- const { searchValue } = this.state;
- return (
-
-
-
-
-
+
+
-
- );
- }
-}
+
+
+
+ );
+};
Searchbar.propTypes = {
searchTerm: PropTypes.string.isRequired,
From f2ed92e1bf5e424d79f51dc01bdb899e5c9baca9 Mon Sep 17 00:00:00 2001
From: luckyklyist
Date: Thu, 14 Sep 2023 14:57:29 +0545
Subject: [PATCH 02/67] confusing icons hover issue fix #2255
---
.../IDE/components/QuickAddList/Icons.jsx | 6 ----
client/styles/components/_quick-add.scss | 36 +++++++++----------
2 files changed, 17 insertions(+), 25 deletions(-)
diff --git a/client/modules/IDE/components/QuickAddList/Icons.jsx b/client/modules/IDE/components/QuickAddList/Icons.jsx
index 34363bf63f..868d8cb257 100644
--- a/client/modules/IDE/components/QuickAddList/Icons.jsx
+++ b/client/modules/IDE/components/QuickAddList/Icons.jsx
@@ -20,12 +20,6 @@ const Icons = ({ isAdded }) => {
aria-label="Descending"
focusable="false"
/>
-
Date: Thu, 14 Sep 2023 15:06:35 +0545
Subject: [PATCH 03/67] lint fix
---
client/modules/IDE/components/QuickAddList/Icons.jsx | 2 --
1 file changed, 2 deletions(-)
diff --git a/client/modules/IDE/components/QuickAddList/Icons.jsx b/client/modules/IDE/components/QuickAddList/Icons.jsx
index 868d8cb257..7f25011a55 100644
--- a/client/modules/IDE/components/QuickAddList/Icons.jsx
+++ b/client/modules/IDE/components/QuickAddList/Icons.jsx
@@ -1,7 +1,5 @@
import React from 'react';
import PropTypes from 'prop-types';
-
-import CheckIcon from '../../../../images/check_encircled.svg';
import CloseIcon from '../../../../images/close.svg';
const Icons = ({ isAdded }) => {
From cca74b4d0e43f01f6f66df36b967b27980205286 Mon Sep 17 00:00:00 2001
From: Sheikh-JamirAlam
Date: Wed, 20 Sep 2023 20:10:08 +0530
Subject: [PATCH 04/67] Changed shortcut format for better accessibility
---
client/modules/IDE/components/Header/Nav.jsx | 6 ++----
.../modules/IDE/components/KeyboardShortcutModal.jsx | 12 ++++++------
client/utils/metaKey.js | 2 +-
3 files changed, 9 insertions(+), 11 deletions(-)
diff --git a/client/modules/IDE/components/Header/Nav.jsx b/client/modules/IDE/components/Header/Nav.jsx
index b4f7cb151f..d956e81da2 100644
--- a/client/modules/IDE/components/Header/Nav.jsx
+++ b/client/modules/IDE/components/Header/Nav.jsx
@@ -195,9 +195,7 @@ const ProjectMenu = () => {
{t('Nav.Edit.TidyCode')}
-
- {metaKeyName}+{'\u21E7'}+F
-
+ {metaKeyName}+Shift+F
{t('Nav.Edit.Find')}
@@ -222,7 +220,7 @@ const ProjectMenu = () => {
dispatch(stopSketch())}>
{t('Nav.Sketch.Stop')}
- {'\u21E7'}+{metaKeyName}+Enter
+ Shift+{metaKeyName}+Enter
diff --git a/client/modules/IDE/components/KeyboardShortcutModal.jsx b/client/modules/IDE/components/KeyboardShortcutModal.jsx
index 093630498a..a56710810d 100644
--- a/client/modules/IDE/components/KeyboardShortcutModal.jsx
+++ b/client/modules/IDE/components/KeyboardShortcutModal.jsx
@@ -25,7 +25,7 @@ function KeyboardShortcutModal() {
-
- {metaKeyName} + {'\u21E7'} + F
+ {metaKeyName} + Shift + F
{t('KeyboardShortcuts.CodeEditing.Tidy')}
@@ -39,7 +39,7 @@ function KeyboardShortcutModal() {
-
- {metaKeyName} + {'\u21E7'} + G
+ {metaKeyName} + Shift + G
{t('KeyboardShortcuts.CodeEditing.FindPreviousTextMatch')}
@@ -84,24 +84,24 @@ function KeyboardShortcutModal() {
-
- {metaKeyName} + {'\u21E7'} + Enter
+ {metaKeyName} + Shift + Enter
{t('KeyboardShortcuts.General.StopSketch')}
-
- {metaKeyName} + {'\u21E7'} + 1
+ {metaKeyName} + Shift + 1
{t('KeyboardShortcuts.General.TurnOnAccessibleOutput')}
-
- {metaKeyName} + {'\u21E7'} + 2
+ {metaKeyName} + Shift + 2
{t('KeyboardShortcuts.General.TurnOffAccessibleOutput')}
-
- {'\u21E7'} + Right
+ Shift + Right
Go to Reference for Selected Item in Hinter
diff --git a/client/utils/metaKey.js b/client/utils/metaKey.js
index 6d9aab8a6c..cca6d3986b 100644
--- a/client/utils/metaKey.js
+++ b/client/utils/metaKey.js
@@ -6,6 +6,6 @@ const metaKey = (() => {
return 'Ctrl';
})();
-const metaKeyName = metaKey === 'Cmd' ? '⌘' : '⌃';
+const metaKeyName = metaKey === 'Cmd' ? '⌘' : 'Ctrl';
export { metaKey, metaKeyName };
From 3eb7c2ee9e8e34c7928f57fb4208a05b02f2ac1a Mon Sep 17 00:00:00 2001
From: Perminder Singh
Date: Fri, 22 Sep 2023 05:23:20 +0530
Subject: [PATCH 05/67] Added eye icon
---
client/modules/User/components/LoginForm.jsx | 54 ++++++---
client/modules/User/components/SignupForm.jsx | 109 ++++++++++++------
package-lock.json | 15 +++
package.json | 1 +
4 files changed, 129 insertions(+), 50 deletions(-)
diff --git a/client/modules/User/components/LoginForm.jsx b/client/modules/User/components/LoginForm.jsx
index d990299322..2d8e756db9 100644
--- a/client/modules/User/components/LoginForm.jsx
+++ b/client/modules/User/components/LoginForm.jsx
@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { useState } from 'react';
import { useTranslation } from 'react-i18next';
import { Form, Field } from 'react-final-form';
import { useDispatch } from 'react-redux';
+import { AiOutlineEye, AiOutlineEyeInvisible } from 'react-icons/ai';
import Button from '../../../common/Button';
import { validateLogin } from '../../../utils/reduxFormUtils';
import { validateAndLoginUser } from '../actions';
@@ -13,6 +14,10 @@ function LoginForm() {
function onSubmit(formProps) {
return dispatch(validateAndLoginUser(formProps));
}
+ const [showPassword, setShowPassword] = useState(false);
+ const handleVisibility = () => {
+ setShowPassword(!showPassword);
+ };
return (
diff --git a/client/modules/IDE/components/NewFolderForm.jsx b/client/modules/IDE/components/NewFolderForm.jsx
index bc305b8b18..b0935397ff 100644
--- a/client/modules/IDE/components/NewFolderForm.jsx
+++ b/client/modules/IDE/components/NewFolderForm.jsx
@@ -52,11 +52,15 @@ function NewFolderForm() {
)}
-
+
+ {() => (
+
+ )}
+
- {touched.name && errors.name && (
+ {touched.submitButton && errors.name && (
{errors.name}
)}
From 93b0a176c1d7e598117b6f90d6f6c66db0b97502 Mon Sep 17 00:00:00 2001
From: Rishi
Date: Mon, 29 Jan 2024 00:18:50 +0530
Subject: [PATCH 27/67] Fix : [#2973] Edited CSS to resolve the issue.
---
client/modules/User/components/CollectionCreate.jsx | 2 +-
client/styles/components/_forms.scss | 1 +
client/styles/components/_overlay.scss | 3 +--
3 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/client/modules/User/components/CollectionCreate.jsx b/client/modules/User/components/CollectionCreate.jsx
index 9a19f4abf1..02d3fb59f0 100644
--- a/client/modules/User/components/CollectionCreate.jsx
+++ b/client/modules/User/components/CollectionCreate.jsx
@@ -71,7 +71,7 @@ const CollectionCreate = () => {
value={description}
onChange={(e) => setDescription(e.target.value)}
placeholder={t('CollectionCreate.DescriptionPlaceholder')}
- rows="4"
+ rows="6"
/>