diff --git a/src/App.tsx b/src/App.tsx
index 0d1dd0a..6774d88 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,8 +1,22 @@
import 'src/App.css';
import { useState } from 'react';
-import Prototype3 from './components/Prototype3';
+import Prototype3 from 'src/components/Prototype3';
+import Button from 'src/ui/Button1';
const App = () => {
+ const [playDemo, setPlayDemo] = useState(false);
+
+ if (!playDemo) {
+ return (
+
+
+ );
+ }
+
return ;
};
diff --git a/src/components/Element/Element.tsx b/src/components/Element/Element.tsx
index cc824a6..90026e9 100644
--- a/src/components/Element/Element.tsx
+++ b/src/components/Element/Element.tsx
@@ -33,7 +33,7 @@ const Element = ({ element, styleClass, children }: ElementProps) => {
{element.text}
- Priority: {10 - element.priority!}
+ Priority: {element.priority!}
);
case 'text':
@@ -41,7 +41,7 @@ const Element = ({ element, styleClass, children }: ElementProps) => {
{element.text}
- Priority: {10 - element.priority!}
+ Priority: {element.priority!}
);
case 'image':
diff --git a/src/components/Prototype3.tsx b/src/components/Prototype3.tsx
index 3059c7a..209bf6e 100644
--- a/src/components/Prototype3.tsx
+++ b/src/components/Prototype3.tsx
@@ -49,7 +49,9 @@ const Prototype3 = () => {
0.1,
);
dispatch(setElementsInGaze(elementsInGaze));
- console.log('elements in gaze: ', elemsInGaze);
+ if (elementsInGaze.length > 0) {
+ console.log('elements in gaze: ', elemsInGaze);
+ }
}, [mousePosition]);
// run whenever messages array changes
diff --git a/src/ui/Button1.tsx b/src/ui/Button1.tsx
index bc97c42..ec0fa51 100644
--- a/src/ui/Button1.tsx
+++ b/src/ui/Button1.tsx
@@ -4,15 +4,17 @@ type ButtonProps = {
};
const Button = ({ text, onClick }: ButtonProps) => {
- ;
+ >
+ {text}
+
+ );
};
export default Button;