+ { state.modalInfo.loadItem !== '' && Enter the { state.modalInfo.loadItem } you would like to load. }
+ { state.modalInfo.examples.length !== 0 &&
+ <>
+
+ e.g
+
+ { examples }
+
+ }
+ {
+ setState(prevState => {
+ return { ...prevState, importSource: inputValue.current.value }
+ })
+ }}
+ />
+
+
+
+ )
+}
+
+export default RemixUiHomeTab
diff --git a/libs/remix-ui/home-tab/src/lib/themeContext.tsx b/libs/remix-ui/home-tab/src/lib/themeContext.tsx
new file mode 100644
index 0000000000..fc67007dac
--- /dev/null
+++ b/libs/remix-ui/home-tab/src/lib/themeContext.tsx
@@ -0,0 +1,16 @@
+import React from 'react' // eslint-disable-line
+
+export const themes = {
+ light: {
+ filter: 'invert(0)',
+ name: 'light'
+ },
+ dark: {
+ filter: 'invert(1)',
+ name: 'dark'
+ }
+}
+
+export const ThemeContext = React.createContext(
+ themes.dark // default value
+)
diff --git a/libs/remix-ui/home-tab/tsconfig.json b/libs/remix-ui/home-tab/tsconfig.json
new file mode 100644
index 0000000000..d52e31ad74
--- /dev/null
+++ b/libs/remix-ui/home-tab/tsconfig.json
@@ -0,0 +1,16 @@
+{
+ "extends": "../../../tsconfig.base.json",
+ "compilerOptions": {
+ "jsx": "react",
+ "allowJs": true,
+ "esModuleInterop": true,
+ "allowSyntheticDefaultImports": true
+ },
+ "files": [],
+ "include": [],
+ "references": [
+ {
+ "path": "./tsconfig.lib.json"
+ }
+ ]
+}
diff --git a/libs/remix-ui/home-tab/tsconfig.lib.json b/libs/remix-ui/home-tab/tsconfig.lib.json
new file mode 100644
index 0000000000..b560bc4dec
--- /dev/null
+++ b/libs/remix-ui/home-tab/tsconfig.lib.json
@@ -0,0 +1,13 @@
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../../dist/out-tsc",
+ "types": ["node"]
+ },
+ "files": [
+ "../../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+ "../../../node_modules/@nrwl/react/typings/image.d.ts"
+ ],
+ "exclude": ["**/*.spec.ts", "**/*.spec.tsx"],
+ "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
+}
diff --git a/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx b/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx
index 6e5eb36723..bd3a07cf00 100644
--- a/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx
+++ b/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx
@@ -34,7 +34,9 @@ export const ModalDialog = (props: ModalDialogProps) => {
modal.current.addEventListener('blur', handleBlur)
return () => {
- modal.current.removeEventListener('blur', handleBlur)
+ if (modal.current) {
+ modal.current.removeEventListener('blur', handleBlur)
+ }
}
}
}, [modal.current])
diff --git a/libs/remix-ui/modal-dialog/src/lib/types/index.ts b/libs/remix-ui/modal-dialog/src/lib/types/index.ts
index ccdd374ef4..b03cb16c94 100644
--- a/libs/remix-ui/modal-dialog/src/lib/types/index.ts
+++ b/libs/remix-ui/modal-dialog/src/lib/types/index.ts
@@ -1,6 +1,6 @@
/* eslint-disable no-undef */
export interface ModalDialogProps {
- id?: string
+ id: string
title?: string,
message?: string | JSX.Element,
okLabel?: string,
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx b/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx
index dd41957fbe..690dadad8a 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx
@@ -106,6 +106,7 @@ function PermisssionsSettings ({ pluginSettings }: PermissionSettingsProps) {
return (
+
+
+
+
+
+ 
playRemi() } alt="">
+
+
+ playRemi() } alt="">
+
+
+
+
+
+
+
+ Featured Plugins
+
+
+ startSolidity()} />
+ startOptimism()} />
+ startSolhint()} />
+ startLearnEth()} />
+ startSourceVerify()} />
+
+
+
+
+
+
+ File
++ + createNewFile()}>New File +
++ + + Open Files + { + event.stopPropagation() + uploadFile(event.target) + }} multiple /> + +
++ + connectToLocalhost()}>Connect to Localhost +
+ +
+
+
+
+
+
+
+
+ Resources
++ + Documentation +
++ + Gitter channel +
+
+
+ Featuring website
+
+ + switchToPreviousVersion()}>Old experience +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+