Home Page Redesign #1
Conversation
There was a problem hiding this comment.
Pull request overview
This PR implements a comprehensive redesign of the home page along with theme updates to support the D-DIN font family across the application. The changes include replacing the old HomeScreen with Home2Screen featuring an immersive 3D car view, adding a decorative stars overlay for dark mode, enhancing the 3D car viewer with camera presets and smooth animations, and integrating an inline map preview in the location display.
Key changes:
- Complete home screen redesign with fullscreen 3D model and floating metrics
- Integration of D-DIN and D-DIN-Bold fonts throughout the app
- New StarsOverlay component for visual enhancement in dark mode
Reviewed changes
Copilot reviewed 17 out of 27 changed files in this pull request and generated 20 comments.
Show a summary per file
| File | Description |
|---|---|
| src/screens/Home2Screen.js | New home screen with immersive 3D car visualization and overlaid metrics |
| src/screens/HomeScreen.js | Deleted - replaced by Home2Screen |
| src/components/StarsOverlay.js | New decorative component rendering stars for dark theme |
| src/components/Car3DWebView.js | Enhanced with camera presets, smooth animations, and auto-revert after user interaction |
| src/components/MapView.js | Added inline mode for compact map previews with disabled interactions |
| src/components/LocationWeatherDisplay.js | Integrated inline map preview below weather information |
| src/screens/SystemsScreen.js | Updated SafeAreaView import, added stars overlay, applied D-DIN fonts |
| src/screens/ProfileScreen.js | Updated padding calculation for safe area, applied D-DIN fonts |
| src/screens/EnvironmentalScreen.js | Added stars overlay, applied D-DIN fonts |
| src/screens/BatteryScreen.js | Replaced BlurView with LinearGradient for cards, added stars overlay, applied D-DIN fonts |
| src/screens/VehicleScreen.js | Updated SafeAreaView import from react-native-safe-area-context |
| src/screens/ClimateScreen.js | Updated SafeAreaView import from react-native-safe-area-context |
| src/screens/ChargingScreen.js | Updated SafeAreaView import from react-native-safe-area-context |
| src/data/telemetryData.js | Improved mock data generation with realistic value distributions and fault probabilities |
| App.js | Changed home screen route to Home2Screen, added global default font configuration for Text/TextInput |
| README.md | Updated screenshot references to match new screens |
| .gitmodules | Reformatted submodule entry |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
sbasu107
left a comment
sbasu107
left a comment
There was a problem hiding this comment.
Many copilot suggestions were wrong and based on changes already made, we will address the minor bugs in future PR's.
Total redesign of the home page, as well as theme updates for the rest of the pages to support the D-Din font that exists for the website. Also added stars in the UI to complement the Dark theme for certain pages.