From 848d2b02064e2454edb85cd016e7b6840ab77e36 Mon Sep 17 00:00:00 2001
From: Silas Bartha <silas@exvacuum.dev>
Date: Sun, 9 Feb 2025 14:18:24 -0500
Subject: react three fiber, drei, sass

---
 src/App.jsx | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

(limited to 'src/App.jsx')

diff --git a/src/App.jsx b/src/App.jsx
index 2f196f9..ebd5d36 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,21 +1,15 @@
-import { useEffect, useState } from 'react'
-import './App.css'
+import './style.scss'
+import { Canvas } from '@react-three/fiber';
+import ChatBubble from './components/chatbubble';
 
 function App() {
-    const [currentTime, setCurrentTime] = useState(0);
-
-    useEffect(() => {
-        fetch('/api/time').then(res => res.json()).then(data => {
-            setCurrentTime(data.time);
-        });
-    }, []);
-
     return (
-        <div className="App">
-            <header className="App-header">
-                <p>The current time is {currentTime}.</p>
-            </header>
-        </div>
+        <Canvas>
+            <ambientLight intensity={Math.PI / 2} />
+            <spotLight position={[10, 10, 10]} angle={0.15} penumbra={1} decay={0} intensity={Math.PI} />
+            <pointLight position={[-10, -10, -10]} decay={0} intensity={Math.PI} />
+            <ChatBubble position={[0, 0, 0]} />
+        </Canvas>
     )
 }
 
-- 
cgit v1.2.3

