+ setTransactionError(null)}/>}
+
+ {transactionSuccess &&
+ setTransactionSuccess(null)}/>}
+
+ 
+
+ );
+};
+
+export default App;
\ No newline at end of file
diff --git a/session-keys/app/app/src/components/Active.scss b/session-keys/app/app/src/components/Active.scss
new file mode 100644
index 0000000..354b3a9
--- /dev/null
+++ b/session-keys/app/app/src/components/Active.scss
@@ -0,0 +1,34 @@
+.active {
+ display: grid;
+ place-items: center;
+ margin: -5px 20px 5px;
+ width: 100%;
+ height: 100%;
+
+ .circle {
+ display: block;
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ transition: border-color 0.3s ease;
+
+ &.on {
+ border: 4px solid #ccc;
+ background-color: green;
+ }
+
+ &.off {
+ border: 4px solid #ccc;
+ background-color: transparent;
+ }
+ }
+}
+
+.active-div {
+ display: flex;
+ justify-content: center;
+ margin: 15px auto;
+ width: fit-content;
+ position: relative;
+ border-radius: 10px;
+}
\ No newline at end of file
diff --git a/session-keys/app/app/src/components/Active.tsx b/session-keys/app/app/src/components/Active.tsx
new file mode 100644
index 0000000..421d147
--- /dev/null
+++ b/session-keys/app/app/src/components/Active.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { motion } from 'framer-motion';
+import './Active.scss'; // Assuming you'll create a corresponding SCSS file
+
+type ActiveProps = {
+ clsName: string; // Expected to be "on" or "off"
+};
+
+const Active: React.FC
+
+
+ Ephemeral Counter
+ +
+
+
+
+ updateCounter(Number(index))}
+ clsName={isDelegated ? '' : counter.toString()}
+ />
+ updateCounter(Number(index))}
+ clsName={isDelegated ? ephemeralCounter.toString() : ''}
+ />
+
+
+
+ {!sessionTokenExists ? (
+
+ ) : (
+
+ )}
+
+ {isSubmitting && (
+
+
+ )}
+
+ {transactionError &&
+
+
+ {message}
+
+ );
+};
+
+export default Alert;
\ No newline at end of file
diff --git a/session-keys/app/app/src/components/Button.tsx b/session-keys/app/app/src/components/Button.tsx
new file mode 100644
index 0000000..6ca473e
--- /dev/null
+++ b/session-keys/app/app/src/components/Button.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+
+type ButtonProps = {
+ title: string;
+ resetGame: () => void;
+ disabled?: boolean;
+};
+
+const Button: React.FC