Skip to content

Commit e80a52b

Browse files
mikebarkminmikebarkmin
committed
cleanup
1 parent 5b2c12a commit e80a52b

14 files changed

Lines changed: 555 additions & 466 deletions

‎platforms/web/src/App.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import './App.css'
2-
import { BrowserRouter, Routes, Route } from 'react-router-dom';
1+
import "./App.css";
2+
import { BrowserRouter, Routes, Route } from "react-router-dom";
33
import "@learningmap/learningmap/index.css";
4-
import Learn from './Learn';
5-
import Teach from './Teach';
6-
import Landing from './Landing';
7-
import ReloadPrompt from './ReloadPrompt';
8-
import { TeacherEditor } from './TeacherEditor';
4+
import Learn from "./Learn";
5+
import Teach from "./Teach";
6+
import Landing from "./Landing";
7+
import ReloadPrompt from "./ReloadPrompt";
8+
import { TeacherEditor } from "./TeacherEditor";
99

1010
function App() {
1111
return (
@@ -18,7 +18,7 @@ function App() {
1818
</Routes>
1919
<ReloadPrompt />
2020
</BrowserRouter>
21-
)
21+
);
2222
}
2323

24-
export default App
24+
export default App;

‎platforms/web/src/Footer.tsx‎

Lines changed: 24 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,34 @@
1-
import './Footer.css';
1+
import "./Footer.css";
22

33
export function Footer() {
44
return (
55
<footer className="app-footer">
66
<p>
7-
Built with ❤️ by <a href="https://openpatch.org" target="_blank" rel="noopener noreferrer">OpenPatch</a>
7+
Built with ❤️ by{" "}
8+
<a
9+
href="https://openpatch.org"
10+
target="_blank"
11+
rel="noopener noreferrer"
12+
>
13+
OpenPatch
14+
</a>
815
</p>
916
<p>
10-
<a href="https://learningmap.openpatch.org" target="_blank" rel="noopener noreferrer">Documentation</a>
11-
{' • '}
12-
<a href="https://github.com/openpatch/learningmap" target="_blank" rel="noopener noreferrer">GitHub</a>
17+
<a
18+
href="https://learningmap.openpatch.org"
19+
target="_blank"
20+
rel="noopener noreferrer"
21+
>
22+
Documentation
23+
</a>
24+
{" • "}
25+
<a
26+
href="https://github.com/openpatch/learningmap"
27+
target="_blank"
28+
rel="noopener noreferrer"
29+
>
30+
GitHub
31+
</a>
1332
</p>
1433
</footer>
1534
);

‎platforms/web/src/Header.tsx‎

Lines changed: 11 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import { useNavigate } from 'react-router-dom';
2-
import logo from './logo.svg';
3-
import './Header.css';
1+
import { useNavigate } from "react-router-dom";
2+
import logo from "./logo.svg";
3+
import "./Header.css";
44

55
interface HeaderProps {
66
children?: React.ReactNode;
@@ -12,21 +12,15 @@ export function Header({ children }: HeaderProps) {
1212
return (
1313
<div className="app-header">
1414
<div className="header-inner">
15-
<div className="header-left" onClick={() => navigate('/')} style={{ cursor: 'pointer' }}>
16-
<img
17-
src={logo}
18-
alt="Logo"
19-
className="header-logo"
20-
/>
21-
<h1 className="header-title">
22-
Learningmap
23-
</h1>
15+
<div
16+
className="header-left"
17+
onClick={() => navigate("/")}
18+
style={{ cursor: "pointer" }}
19+
>
20+
<img src={logo} alt="Logo" className="header-logo" />
21+
<h1 className="header-title">Learningmap</h1>
2422
</div>
25-
{children && (
26-
<div className="header-right">
27-
{children}
28-
</div>
29-
)}
23+
{children && <div className="header-right">{children}</div>}
3024
</div>
3125
</div>
3226
);

‎platforms/web/src/Landing.tsx‎

Lines changed: 31 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import { useNavigate } from 'react-router-dom';
2-
import './Landing.css';
3-
import { Header } from './Header';
4-
import { Footer } from './Footer';
1+
import { useNavigate } from "react-router-dom";
2+
import "./Landing.css";
3+
import { Header } from "./Header";
4+
import { Footer } from "./Footer";
55

66
function Landing() {
77
const navigate = useNavigate();
@@ -39,10 +39,10 @@ function Landing() {
3939
return (
4040
<div className="landing-container">
4141
<Header>
42-
<button onClick={() => navigate('/teach')} className="nav-button">
42+
<button onClick={() => navigate("/teach")} className="nav-button">
4343
For Teachers
4444
</button>
45-
<button onClick={() => navigate('/learn')} className="nav-button">
45+
<button onClick={() => navigate("/learn")} className="nav-button">
4646
For Students
4747
</button>
4848
</Header>
@@ -53,7 +53,8 @@ function Landing() {
5353
Interactive visual maps for teaching, learning, and collaborating
5454
</h1>
5555
<p className="hero-subtitle">
56-
All stored locally in your browser—ensuring privacy and offline access.
56+
All stored locally in your browser—ensuring privacy and offline
57+
access.
5758
</p>
5859
</section>
5960

@@ -62,16 +63,28 @@ function Landing() {
6263
<div className="role-card">
6364
<div className="role-icon">👩‍🏫</div>
6465
<h3>I'm a Teacher</h3>
65-
<p>Create learning maps and share them with your students. Manage your collection and track what you've built.</p>
66-
<button onClick={() => navigate('/teach')} className="role-button role-button-primary">
66+
<p>
67+
Create learning maps and share them with your students. Manage your
68+
collection and track what you've built.
69+
</p>
70+
<button
71+
onClick={() => navigate("/teach")}
72+
className="role-button role-button-primary"
73+
>
6774
Go to My Maps
6875
</button>
6976
</div>
7077
<div className="role-card">
7178
<div className="role-icon">👨‍🎓</div>
7279
<h3>I'm a Student</h3>
73-
<p>Access learning maps shared by your teachers. Track your progress and work through topics at your own pace.</p>
74-
<button onClick={() => navigate('/learn')} className="role-button role-button-secondary">
80+
<p>
81+
Access learning maps shared by your teachers. Track your progress
82+
and work through topics at your own pace.
83+
</p>
84+
<button
85+
onClick={() => navigate("/learn")}
86+
className="role-button role-button-secondary"
87+
>
7588
Go to My Learning
7689
</button>
7790
</div>
@@ -82,9 +95,10 @@ function Landing() {
8295
<div className="use-case-content">
8396
<h2>Perfect for Teachers and Students</h2>
8497
<p>
85-
Teachers can build custom LearningMaps and share them instantly with their class.
86-
Students can edit or study the same map, with every change kept locally in their
87-
own browser. No accounts required, no data collected—just pure learning.
98+
Teachers can build custom LearningMaps and share them instantly with
99+
their class. Students can edit or study the same map, with every
100+
change kept locally in their own browser. No accounts required, no
101+
data collected—just pure learning.
88102
</p>
89103
</div>
90104
</section>
@@ -128,8 +142,9 @@ function Landing() {
128142
{/* Local Storage Note */}
129143
<section className="info-banner">
130144
<div className="info-content">
131-
<strong>🔒 Privacy First:</strong> All maps are saved locally in your browser,
132-
ensuring complete privacy and offline access. Your data never leaves your device.
145+
<strong>🔒 Privacy First:</strong> All maps are saved locally in your
146+
browser, ensuring complete privacy and offline access. Your data never
147+
leaves your device.
133148
</div>
134149
</section>
135150

‎platforms/web/src/Learn.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -269,7 +269,7 @@
269269

270270
.add-map-divider::before,
271271
.add-map-divider::after {
272-
content: '';
272+
content: "";
273273
flex: 1;
274274
border-bottom: 1px solid #dee2e6;
275275
}

0 commit comments

Comments
 (0)