-
Notifications
You must be signed in to change notification settings - Fork 4
Develop #18
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
The ALLOWED_HOSTS setting in development.py has been updated to include the IP address '192.168.1.3'. This change allows developers accessing the application from this specific network address to connect without encountering an "Invalid HTTP_HOST header" error. This facilitates local testing and debugging on networks using the 192.168.1.x subnet. The IP address was added to enable a specific developer's machine to connect.
The db.sqlite3 file has been updated to reflect changes from applying database migrations. These migrations likely include schema modifications such as adding new tables, altering existing columns, or adding indexes, based on recent model changes. This update ensures the database is synchronized with the current application code. The specific changes are reflected in the applied migrations, rather than explicitly listed here due to the binary nature of the diff.
The API base URL in `AppConstants` has been updated from `http://172.16.0.240:8000/api/v1` to `http://192.168.1.3:8000/api/v1`. This change reflects a modification in the local development server's IP address. This ensures the mobile app correctly communicates with the backend during development and testing. The `apiBaseUrl` constant is used for all API calls within the application.
This commit introduces several enhancements to the app's theme to better reflect a financial application, focusing on color palette, typography, and UI element styling. - Updated brand colors (primary, secondary, accent, error) to more conservative and finance-oriented shades for trust and stability. - Added money colors (positiveAmountColor, negativeAmountColor, savingsHighlightColor, loanHighlightColor) for clear financial representation. - Modified text colors (textPrimaryDark, textSecondaryDark, textPrimaryLight, textSecondaryLight) for better contrast and readability. - Adjusted background colors (backgroundLight, backgroundDark) and introduced cardBackground colors for improved visual hierarchy. - Added SACCO-specific colors (dividerColor, inactiveColor, successColor, warningColor, chart colors) for various UI elements. - Updated ThemeData for both light and dark themes, including: - AppBarTheme: Adjusted text style and added elevation. - TextTheme: Modified font sizes and weights for better readability. Added styles for labels and titles. - InputDecorationTheme: Improved border styling and fill colors. - ElevatedButtonThemeData, OutlinedButtonThemeData, TextButtonThemeData: Styled buttons for a consistent look and feel. - CardTheme: Added elevation and rounded corners. - DividerThemeData: Defined the divider color and thickness. - BottomNavigationBarThemeData: Configured colors and styles for the bottom navigation bar. - TabBarTheme: Customized the appearance of tabs. - ChipThemeData: Styled the appearance of chips. - Introduced helper methods (getAmountTextStyle, getSavingsTextStyle, getLoanTextStyle) to easily style financial amounts and highlights.
The Django development server was previously bound to 127.0.0.1, preventing access from other machines. This change modifies the `start_backend` function to bind the server to 0.0.0.0, making it accessible from any IP address. This is necessary for testing and deployment in environments where the backend needs to be accessed remotely. Specifically, the line: `python manage.py runserver 127.0.0.1:$BACKEND_PORT > backend.log 2>&1 &` was changed to: `python manage.py runserver 0.0.0.0:$BACKEND_PORT > backend.log 2>&1 &` This change affects the `runserver` command and the `BACKEND_PORT` variable within the `start_backend` function. It resolves an accessibility issue, enabling external connections to the Django development server.
The db.sqlite3 file was modified, reflecting schema changes and data updates potentially related to recent feature implementations or bug fixes. This binary change represents an evolution of the database structure to support the application's current needs. Specific changes may include modifications to table definitions, data migrations, or updates to existing records.
This commit adds a demo image to the README.md file to provide a visual representation of the application. This helps users quickly understand the look and feel of the Sacco frontend. The image `media/image.png` is referenced to showcase the UI.
This commit addresses issues related to form submission and navigation on the Login page (Login.tsx).
- Prevents default form submission using `e.preventDefault()` within the handleSubmit function.
- Removed "rememberMe" functionality from `login` function call as it's no longer used.
- Replaced `<Box component="form">` with native `<form>` to allow more direct control and styling, applying `style={{ width: '100%' }}` for consistency.
- Added `type="button"` to the password visibility toggle IconButton to prevent unintended form submissions when clicked.
- Added `onClick={(e) => e.stopPropagation()}` to the links "Forgot Password", "Sign up now", "Terms" and "Privacy Policy" to stop event bubbling and avoid form submission when these links are clicked.
These changes enhance user experience and fix potential issues with unwanted form submissions.
This commit introduces a comprehensive member dashboard, displaying key financial data such as total savings, loan balance, and recent transactions. It includes: - Account Summary: Displays total savings, loan balance, and savings increase percentage. - Financial Summary: Visualizes savings target progress and loan payment status. - Recent Transactions: Lists recent account activity with type and amount. - Loan Opportunities: Showcases available loan products. - Upcoming meetings and community announcements. Styled components enhance UI consistency. Mock data provides a realistic representation of the dashboard. Responsiveness is improved using Material UI's useMediaQuery hook. Keywords: dashboard, savings, loans, transactions, UI, responsiveness, Material UI
This commit enhances the LoansList component with UI improvements: - Implemented summary cards displaying key loan metrics (active loans, pending applications, loan portfolio) with trend indicators. - Added loan type filtering functionality to the search and filter section. - Refactored the UI for improved user experience, including visual enhancements like colored icons, adjusted spacing, and shadows. - Integrated Material UI's `useTheme` hook for consistent styling. These changes improve the usability and information visibility of the loan management interface.
This commit refactors the AppRoutes component to utilize the new SaccoDashboardLayout in conjunction with React Router's Outlet feature. Instead of wrapping each protected route individually with the layout, a single <Route> component is used with the SaccoDashboardLayout to serve as the parent layout. Individual protected routes are then defined as children of this parent route. This simplifies the structure and improves maintainability of the routing configuration. Placeholder "Coming Soon" components were added for unimplemented sections like reports, meetings and settings in anticipation of future development.
This commit adds a default 'image.png' to the media directory. This image will be used as a placeholder for user profiles that do not have a profile picture uploaded yet. This improves the user experience by providing a visual representation even when a custom image is unavailable. This helps ensure a consistent and complete user interface.
This commit introduces the `SaccoDashboardLayout` component, providing a consistent and responsive dashboard structure for the SACCO frontend. Key features include: - Implemented a responsive drawer using MUI's `Drawer` component with configurable width and collapse behavior. - Added styled components for consistent theming and appearance. - Integrated user profile section with avatar, name, and member ID. - Configured dynamic menu using `MenuItem` component with nested children and permission-based filtering. - Implemented AppBar with search bar, notifications, and user menu. - Added notification badge and menu for displaying notifications. - Implemented theme toggle functionality (Dark/Light Mode). - Persist sidebar collapsed state using localStorage. - Added a search bar and getCurrentPageTitle function. - Includes mock user and notification data (to be replaced later). Keywords: SaccoDashboardLayout, Drawer, MenuItem, AppBar, responsive design, theming, notifications, user menu, localStorage, search, current page title
The db.sqlite3 file has been updated to reflect the latest database schema changes introduced by new migrations. This likely includes updates to table structures, indexes, or data constraints to support new features or resolve existing issues. These changes are essential for maintaining data integrity and ensuring compatibility with the current application code.
This commit adds a 'screenshot.png' to the README.md file. The added screenshot provides a visual representation of the application, enhancing the README and giving users a quick overview of the user interface.
This commit introduces significant UI improvements to the Dashboard: - **Overall Layout:** The dashboard structure has been revamped for better content organization and visual appeal, replacing the previous SectionContainer with a cleaner, more modern design. - **Welcome Section:** The welcome section now includes a financial summary with clearer presentation of key metrics and action buttons. Added decorative background elements. - **Account Overview:** Replaced StatCard with ModernCard, adding hover effects and modernising the appearance. - **Financial Stats:** Implemented a tabbed interface for account balance and loan information, along with visual charts and progress indicators. SavingsTrend is temporarily represented as a placeholder. - **Transaction History:** Improved the appearance of recent transactions list with more detailed information and visual cues. - **Upcoming Meetings:** Refreshed the design of Upcoming Meetings section for a clearer layout with better use of space and visual hierarchy. - **Loan Opportunities:** Updated style of loan opportunities cards. Added two extra loan opportunities. - **Announcements:** Announcements are now displayed with updated visual elements. - **Financial Advisory:** Modified the visual elements. The advisory section encourages users to schedule consultations. - **Styling:** New components `ModernCard` and `ActionButton` were introduced. - **Dependencies:** The diff shows several new imports, reflecting the enhanced visual elements and interactive components used throughout the dashboard. This refactoring aims to enhance user engagement and comprehension of their financial status within the Sacco platform. Components from `@mui/material` were leveraged for the new style.
This commit refactors the MembersList component to enhance the user interface, improve data fetching, and simplify state management. Key changes include: - **Simplified Search:** Removed debouncing from `handleSearch`, resetting the page number directly. - **Streamlined Filtering:** Consolidated filter logic in `handleFilterChange`, resetting page and closing the menu. - **Enhanced Data Fetching:** Modified `fetchMembers` to use `searchQuery` and a ternary operator for `status` to improve readability and correctness. - **Refactored Columns:** Simplified column definitions in the `columns` array for clarity, including removal of unnecessary `valueGetter` in most places, moved user fields under user object. - **UI Improvements:** Updated avatar styling, member status representation and search/filter UI. - **Removed Unnecessary Components:** Removed Tabs for member filtering, is_verified status and related components. - **Pagination Implementation:** Changed to server side pagination to handle data from the api. These changes improve the component's usability, maintainability, and performance.
This commit adds the screenshot.png file to the sacco_frontend/media/ directory. This screenshot is intended to visually represent the application's user interface in documentation and marketing materials.
|
Caution Review failedThe pull request is closed. WalkthroughThis set of changes updates the SACCO management platform across backend, frontend, and mobile components. The backend and mobile app are configured to allow connections from a new IP address. The frontend receives a major overhaul: the dashboard layout is replaced with a more advanced, responsive version; the dashboard page is refactored with richer UI and mock data; routes are restructured for cleaner nested layouts; and several pages receive UI and logic improvements. The mobile app's theme is redesigned for a more financial, professional appearance. Changes
Sequence Diagram(s)sequenceDiagram
participant User
participant SaccoDashboardLayout
participant Router
participant DashboardPage
participant LoansList
participant MembersList
User->>Router: Navigates to /dashboard, /loans, or /members
Router->>SaccoDashboardLayout: Renders layout (sidebar, app bar, menus)
SaccoDashboardLayout->>Router: Renders Outlet (child route)
Router->>DashboardPage: If /dashboard
Router->>LoansList: If /loans
Router->>MembersList: If /members
User->>SaccoDashboardLayout: Interacts with sidebar, notifications, user menu
User->>DashboardPage: Interacts with tabs, actions, bookmarks
User->>LoansList: Uses filters, actions, dialogs
User->>MembersList: Uses search, filters, actions
Poem
Tip ⚡️ Faster reviews with caching
Enjoy the performance boost—your workflow just got faster. 📜 Recent review detailsConfiguration used: CodeRabbit UI ⛔ Files ignored due to path filters (3)
📒 Files selected for processing (12)
✨ Finishing Touches
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. 🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
SupportNeed help? Create a ticket on our support page for assistance with any issues or questions. Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
CodeRabbit Configuration File (
|
Summary by CodeRabbit
New Features
Enhancements
Style
Documentation
Chores