feat: enhance UI theme and add open-source documentation - #15
Open
tamil5152 wants to merge 1 commit into
Open
Conversation
Contributor
|
@tamilselvannaivaidya is attempting to deploy a commit to the Ratna Babu's projects Team on Vercel. A member of the Team first needs to authorize it. |
There was a problem hiding this comment.
Pull request overview
Note
Copilot was unable to run its full agentic suite in this review.
This PR updates the app’s UI to a themeable design system (light/dark), refactors key UI components to use the new tokens, and refreshes repository/docs/Convex scaffolding.
Changes:
- Introduces a new design system in
app/globals.css(CSS variables, utilities, theme transitions) and adds theme toggling vianext-themes. - Refactors main UI components (Hero/Header/ChatView/CodeView/Workspace page) to use design tokens and improved layouts.
- Adds/updates project documentation and metadata (root README rewrite, MIT license, contributing guide, Convex tsconfig/README).
Reviewed changes
Copilot reviewed 12 out of 12 changed files in this pull request and generated 6 comments.
Show a summary per file
| File | Description |
|---|---|
| convex/tsconfig.json | Adds Convex-specific TypeScript config for function typechecking. |
| convex/README.md | Adds Convex functions directory documentation and examples. |
| components/custom/Hero.jsx | Restyles landing hero using tokenized theme classes and adds UI ids. |
| components/custom/Header.jsx | Adds client header with theme toggle using next-themes. |
| components/custom/CodeView.jsx | Applies theme-aware styling and routes Sandpack theme from resolvedTheme. |
| components/custom/ChatView.jsx | Updates chat UI styling to use theme tokens and updated copy. |
| app/globals.css | Implements full light/dark token set, fonts, and utility classes for patterns/transitions. |
| app/ConvexClientProvider.jsx | Makes Convex client instance stable by moving it to module scope. |
| app/(main)/workspace/[id]/page.jsx | Restyles workspace layout and background pattern with new tokens. |
| README.md | Rewrites project README (features, setup, structure, design system). |
| LICENSE | Adds MIT license file. |
| CONTRIBUTING.md | Adds contribution guidelines and PR workflow. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+6
to
10
| const convex = new ConvexReactClient(process.env.NEXT_PUBLIC_CONVEX_URL); | ||
|
|
||
| const ConvexClientProvider = ({ children }) => { | ||
| const convex = new ConvexReactClient(process.env.NEXT_PUBLIC_CONVEX_URL); | ||
| return ( | ||
| <ConvexProvider client={convex}> |
Comment on lines
+18
to
+25
| const msg = { | ||
| role: 'user', | ||
| content: input | ||
| } | ||
| setMessages(msg); | ||
| const workspaceID = await CreateWorkspace({ | ||
| messages: [msg] | ||
| }); |
Comment on lines
+34
to
+42
| const response = await fetch('/api/enhance-prompt', { | ||
| method: 'POST', | ||
| headers: { | ||
| 'Content-Type': 'application/json', | ||
| }, | ||
| body: JSON.stringify({ prompt: userInput }), | ||
| }); | ||
|
|
||
| const reader = response.body.getReader(); |
| import { useTheme } from 'next-themes'; | ||
|
|
||
| function Header() { | ||
| const { theme, setTheme, resolvedTheme } = useTheme(); |
| @@ -1,72 +1,186 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap'); | |||
Comment on lines
+175
to
180
| id="chat-send-btn" | ||
| onClick={() => onGenerate(userInput)} | ||
| className="flex items-center justify-center bg-gradient-to-r from-blue-500 to-purple-500 hover:from-blue-600 hover:to-purple-600 rounded-xl px-4 transition-all duration-200" | ||
| className="flex items-center justify-center bg-gradient-to-br from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white rounded-xl px-4 transition-all duration-200 hover:scale-105 active:scale-95 shadow-md" | ||
| > | ||
| <Send className="h-6 w-6 text-white" /> | ||
| <Send className="h-5 w-5" /> | ||
| </button> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This feature looks cool and attractive for new users just check out my repo and check this one will be use full for future purpose.