Skip to content

Commit b51c3e4

Browse files
author
EC2 Default User
committed
feat: customize UI with new title, navigation labels, and blue color theme
- Changed page title to 'My Custom Document Processor - GenAI IDP' - Updated navigation menu with user-friendly labels - Applied blue color theme instead of gray - Added development documentation files
1 parent d3de824 commit b51c3e4

File tree

5 files changed

+134
-10
lines changed

5 files changed

+134
-10
lines changed

‎DEVELOPMENT_COMMANDS.md‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
# GenAI-IDP Development Commands
2+
3+
## UI Development (React)
4+
```bash
5+
# Navigate to UI directory
6+
cd /home/ec2-user/genaiic-idp-accelerator/src/ui
7+
8+
# Start development server (if not running)
9+
npm start
10+
11+
# Check code quality
12+
npm run lint
13+
14+
# Fix linting issues automatically
15+
npm run lint -- --fix
16+
17+
# Run tests
18+
npm test -- --watchAll=false
19+
20+
# Build for production
21+
npm run build
22+
```
23+
24+
## Backend Development (Python)
25+
```bash
26+
# Navigate to project root
27+
cd /home/ec2-user/genaiic-idp-accelerator
28+
29+
# Run Python linting
30+
make lint
31+
32+
# Run unit tests
33+
make test -C lib/idp_common_pkg
34+
35+
# Build SAM application
36+
sam build
37+
38+
# Deploy changes (requires AWS permissions)
39+
sam deploy
40+
```
41+
42+
## Git Workflow
43+
```bash
44+
# Check current status
45+
git status
46+
47+
# Add changes
48+
git add .
49+
50+
# Commit changes
51+
git commit -m "feat: description of your changes"
52+
53+
# Push to your branch
54+
git push origin feature/ui-improvements
55+
56+
# Switch branches
57+
git checkout develop
58+
git checkout feature/ui-improvements
59+
```
60+
61+
## Useful Checks
62+
```bash
63+
# Check what's running on port 3000
64+
netstat -tlnp | grep :3000
65+
66+
# View development server logs
67+
cd /home/ec2-user/genaiic-idp-accelerator/src/ui
68+
tail -f server.log
69+
70+
# Check AWS CLI configuration
71+
aws sts get-caller-identity
72+
```

‎PROJECT_STRUCTURE.md‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
# GenAI-IDP Project Structure
2+
3+
## Key Directories
4+
5+
### Frontend (React UI)
6+
```
7+
src/ui/
8+
├── src/
9+
│ ├── components/ # React components
10+
│ │ ├── document-list/ # Document listing page
11+
│ │ ├── upload-document/ # File upload functionality
12+
│ │ ├── document-viewer/ # Document display
13+
│ │ └── genaiidp-layout/ # Main app layout
14+
│ ├── contexts/ # React context providers
15+
│ ├── hooks/ # Custom React hooks
16+
│ └── routes/ # Application routing
17+
├── public/ # Static assets
18+
└── package.json # Dependencies and scripts
19+
```
20+
21+
### Backend (Lambda Functions)
22+
```
23+
src/lambda/
24+
├── document-processor/ # Main document processing
25+
├── classification/ # Document classification
26+
├── extraction/ # Data extraction
27+
├── assessment/ # Quality assessment
28+
└── api/ # GraphQL API handlers
29+
```
30+
31+
### Configuration
32+
```
33+
config_library/ # Processing configurations
34+
patterns/ # Document processing patterns
35+
lib/idp_common_pkg/ # Shared Python library
36+
```
37+
38+
### Infrastructure
39+
```
40+
template.yaml # SAM CloudFormation template
41+
options/ # Deployment options
42+
scripts/ # Build and deployment scripts
43+
```
44+
45+
## Important Files
46+
- `src/ui/.env` - Frontend environment variables
47+
- `template.yaml` - Infrastructure as code
48+
- `Makefile` - Build automation
49+
- `ruff.toml` - Python linting configuration

‎src/ui/public/index.html‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,10 @@
66

77
<head>
88
<meta charset="utf-8" />
9-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
9+
<!-- Favicon setup - Multiple formats for better browser support -->
10+
<link rel="icon" type="image/x-icon" href="%PUBLIC_URL%/favicon.ico" />
11+
<link rel="shortcut icon" type="image/x-icon" href="%PUBLIC_URL%/favicon.ico" />
12+
<link rel="icon" type="image/png" sizes="192x192" href="%PUBLIC_URL%/logo192.png" />
1013
<meta name="viewport" content="width=device-width, initial-scale=1" />
1114
<meta name="theme-color" content="#000000" />
1215
<meta name="description" content="GenAI Intelligent Document Processing" />
@@ -25,7 +28,7 @@
2528
work correctly both with client-side routing and a non-root public URL.
2629
Learn how to configure a non-root public URL by running `npm run build`.
2730
-->
28-
<title>GenAI Intelligent Document Processing</title>
31+
<title>My Custom Document Processor - GenAI IDP</title>
2932
</head>
3033

3134
<body>

‎src/ui/src/App.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22
SPDX-License-Identifier: Apache-2.0 */
33

44
:root {
5-
--amplify-primary-color: #ababab;
6-
--amplify-primary-tint: #3f6060;
7-
--amplify-primary-shade: #2dba89;
8-
--amplify-background-color: #fafafa;
5+
--amplify-primary-color: #0073bb;
6+
--amplify-primary-tint: #005a9f;
7+
--amplify-primary-shade: #4da6d9;
8+
--amplify-background-color: #f8f9fa;
99
--amplify-text-xxs: 0.75rem;
1010
--amplify-text-xs: 0.81rem;
1111
--amplify-text-sm: 1.2rem;

‎src/ui/src/components/genaiidp-layout/navigation.jsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@ import {
1616

1717
export const documentsNavHeader = { text: 'Tools', href: `#${DEFAULT_PATH}` };
1818
export const documentsNavItems = [
19-
{ type: 'link', text: 'Document List', href: `#${DOCUMENTS_PATH}` },
20-
{ type: 'link', text: 'Document KB', href: `#${DOCUMENTS_KB_QUERY_PATH}` },
21-
{ type: 'link', text: 'Document Analytics', href: `#${DOCUMENTS_ANALYTICS_PATH}` },
22-
{ type: 'link', text: 'Upload Document(s)', href: `#${UPLOAD_DOCUMENT_PATH}` },
19+
{ type: 'link', text: 'My Documents', href: `#${DOCUMENTS_PATH}` },
20+
{ type: 'link', text: 'Ask Questions', href: `#${DOCUMENTS_KB_QUERY_PATH}` },
21+
{ type: 'link', text: 'Analytics Dashboard', href: `#${DOCUMENTS_ANALYTICS_PATH}` },
22+
{ type: 'link', text: 'Upload Files', href: `#${UPLOAD_DOCUMENT_PATH}` },
2323
{ type: 'link', text: 'View/Edit Configuration', href: `#${CONFIGURATION_PATH}` },
2424
{
2525
type: 'section',

0 commit comments

Comments
 (0)