diff --git a/README.md b/README.md index 8d61489002..c1c3f025db 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ ToolJet is an **open-source no-code framework** to build and deploy internal too
-
+
A new version of ToolJet has been released.
@@ -70,16 +76,16 @@ class App extends React.Component {| Name | diff --git a/frontend/src/Editor/QueryManager/QueryEditors/Airtable.jsx b/frontend/src/Editor/QueryManager/QueryEditors/Airtable.jsx index 870648d5a9..93ceeb4958 100644 --- a/frontend/src/Editor/QueryManager/QueryEditors/Airtable.jsx +++ b/frontend/src/Editor/QueryManager/QueryEditors/Airtable.jsx @@ -65,6 +65,7 @@ class Airtable extends React.Component { currentState={this.props.currentState} initialValue={this.state.options.base_id} className="codehinter-query-editor-input" + theme={this.props.darkMode ? 'monokai' : 'default'} onChange={(value) => changeOption(this, 'base_id', value)} /> @@ -74,6 +75,7 @@ class Airtable extends React.Component { currentState={this.props.currentState} initialValue={this.state.options.table_name} className="codehinter-query-editor-input" + theme={this.props.darkMode ? 'monokai' : 'default'} onChange={(value) => changeOption(this, 'table_name', value)} /> @@ -83,6 +85,7 @@ class Airtable extends React.Component { currentState={this.props.currentState} initialValue={this.state.options.page_size} className="codehinter-query-editor-input" + theme={this.props.darkMode ? 'monokai' : 'default'} onChange={(value) => changeOption(this, 'page_size', value)} /> @@ -92,6 +95,7 @@ class Airtable extends React.Component { currentState={this.props.currentState} initialValue={this.state.options.offset} className="codehinter-query-editor-input" + theme={this.props.darkMode ? 'monokai' : 'default'} onChange={(value) => changeOption(this, 'offset', value)} /> @@ -106,6 +110,7 @@ class Airtable extends React.Component { currentState={this.props.currentState} initialValue={this.state.options.base_id} className="codehinter-query-editor-input" + theme={this.props.darkMode ? 'monokai' : 'default'} onChange={(value) => changeOption(this, 'base_id', value)} /> @@ -115,6 +120,7 @@ class Airtable extends React.Component { currentState={this.props.currentState} initialValue={this.state.options.table_name} className="codehinter-query-editor-input" + theme={this.props.darkMode ? 'monokai' : 'default'} onChange={(value) => changeOption(this, 'table_name', value)} /> @@ -124,6 +130,7 @@ class Airtable extends React.Component { currentState={this.props.currentState} initialValue={this.state.options.record_id} className="codehinter-query-editor-input" + theme={this.props.darkMode ? 'monokai' : 'default'} onChange={(value) => changeOption(this, 'record_id', value)} /> diff --git a/frontend/src/Editor/QueryManager/QueryEditors/Dynamodb.jsx b/frontend/src/Editor/QueryManager/QueryEditors/Dynamodb.jsx index c601b3c8d3..cf70f77f56 100644 --- a/frontend/src/Editor/QueryManager/QueryEditors/Dynamodb.jsx +++ b/frontend/src/Editor/QueryManager/QueryEditors/Dynamodb.jsx @@ -67,9 +67,9 @@ class Dynamodb extends React.Component {
|---|
|
{app.name} - created {app.created_at} ago by {app.user.first_name} {app.user.last_name} + created {app.created_at} ago by {app.user.first_name} {app.user.last_name} |
-
@@ -269,7 +272,7 @@ class ManageOrgUsers extends React.Component {
|
- + {user.email} | @@ -295,7 +298,7 @@ class ManageOrgUsers extends React.Component { - {user.status} + {user.status}
{archivingUser === null && (
diff --git a/frontend/src/_components/DarkModeToggle.jsx b/frontend/src/_components/DarkModeToggle.jsx
new file mode 100644
index 0000000000..7ad47f28d8
--- /dev/null
+++ b/frontend/src/_components/DarkModeToggle.jsx
@@ -0,0 +1,22 @@
+import React, { useState, useEffect } from 'react';
+
+export const DarkModeToggle = function DarkModeToggle({
+ darkMode, switchDarkMode
+}) {
+
+ const [darkModeEnabled, setMode] = useState(darkMode);
+
+ const icon = darkModeEnabled ? 'night.svg' : 'day.svg';
+
+ return
+
+
+}
diff --git a/frontend/src/_components/Header.jsx b/frontend/src/_components/Header.jsx
index f7dced7098..8a49bf7420 100644
--- a/frontend/src/_components/Header.jsx
+++ b/frontend/src/_components/Header.jsx
@@ -2,9 +2,10 @@ import React, { useState, useEffect } from 'react';
import { Link } from 'react-router-dom';
import { authenticationService } from '@/_services';
import { history } from '@/_helpers';
+import { DarkModeToggle } from './DarkModeToggle';
export const Header = function Header({
-
+ switchDarkMode, darkMode
}) {
const [pahtName, setPathName] = useState(document.location.pathname);
@@ -35,7 +36,7 @@ export const Header = function Header({
|