Skip to content

implement sidebar functionality for mobile device and modify offcanvas

Laxmana Arasavilli requested to merge ui_fetaure_enhance-loggerscreen into dev

User description

  • Updated Pagination component to use rounded-md styling.
  • Refactored Table component to improve sorting icons and layout.
  • Modified Toast component to improve text truncation and close button functionality.
  • Changed TooltipText component to use a gradient background and updated arrow colors.
  • Updated LoggerResponse model to include logLevel and adjusted related interfaces.
  • Added new UI constants for log level and application selection.
  • Enhanced ToastProvider to allow optional description in showToast method.
  • Updated environmentSettings to remove unused status fields.
  • Refined logsData with new log entries and improved structure.
  • Changed enums in app.ts for better clarity.
  • Introduced ViewLogDetails component for detailed log inspection.
  • Created LogDetailsColumns configuration for table display.
  • Added new SVG icons for copy and view actions.
  • Implemented BottomSheet component for modal-like functionality.

PR Type

Enhancement


Description

  • Enhanced authentication with production-ready cookie configuration

  • Implemented mobile-responsive sidebar with overlay functionality

  • Added comprehensive log viewing with details modal

  • Improved UI components with better styling and interactions


Diagram Walkthrough

flowchart LR
  A["Authentication"] --> B["Cookie Security"]
  C["Layout System"] --> D["Mobile Sidebar"]
  D --> E["Overlay Navigation"]
  F["Logging Interface"] --> G["ViewLogDetails Modal"]
  G --> H["Enhanced Table"]
  I["UI Components"] --> J["Improved Styling"]

File Walkthrough

Relevant files
Enhancement
29 files
route.ts
Enhanced authentication with secure cookies                           
+94/-75 
LoggerResponse.ts
Updated log model with logLevel field                                       
+12/-14 
logsData.ts
Updated mock log data structure                                                   
+77/-57 
app.ts
Refactored enums for better organization                                 
+1/-9     
LogsFilterSection.tsx
Enhanced filter section with responsive layout                     
+22/-30 
ViewLogDetails.tsx
Created log details viewing modal component                           
+150/-0 
LogDetailsColumns.tsx
Enhanced table columns with badges and actions                     
+39/-23 
ThemedBadge.tsx
Created themed badge component for logs                                   
+43/-0   
page.tsx
Implemented comprehensive log management interface             
+85/-25 
layout.tsx
Simplified layout to remove duplicate sidebar                       
+1/-25   
layout.tsx
Simplified layout to remove duplicate sidebar                       
+1/-25   
layout.tsx
Implemented mobile-responsive sidebar with overlay             
+100/-14
page.tsx
Updated home page imports and structure                                   
+2/-2     
Navbar.tsx
Added mobile hamburger menu functionality                               
+21/-3   
Playground.tsx
Added BottomSheet component demonstration                               
+32/-16 
Sidebar.tsx
Enhanced sidebar with mobile support                                         
+3/-1     
StatCard.tsx
Improved stat card styling consistency                                     
+8/-8     
AlertDialog.tsx
Renamed Modal to AlertDialog component                                     
+2/-2     
Badge.tsx
Redesigned badge component with theme system                         
+27/-11 
Button.tsx
Improved button icon spacing and z-index                                 
+2/-2     
ButtonSheet.tsx
Created new BottomSheet modal component                                   
+39/-0   
DropDown.tsx
Updated dropdown with Position enum usage                               
+4/-4     
OffCanvas.tsx
Enhanced OffCanvas with better mobile support                       
+50/-36 
Pagination.tsx
Updated pagination styling to rounded-md                                 
+5/-4     
SearchBar.tsx
Improved search bar padding consistency                                   
+1/-1     
Table.tsx
Enhanced table with better sorting and tooltips                   
+19/-25 
Toast.tsx
Improved toast close button and text truncation                   
+13/-11 
TooltipText.tsx
Enhanced tooltip with conditional display                               
+15/-8   
ToastProvider.tsx
Made toast description optional parameter                               
+3/-3     
Configuration changes
4 files
app.ts
Added layout constants and log level enums                             
+14/-5   
route-paths.ts
Added HOME route constant                                                               
+1/-0     
ui.ts
Enhanced UI constants for logging features                             
+13/-1   
schema.prisma
Updated database schema constraint naming                               
+1/-1     
Formatting
2 files
environmentSettings.ts
Cleaned up environment configuration formatting                   
+16/-16 
globals.css
Improved loader positioning and scrollbar styling               
+7/-27   
Bug fix
1 files
SignIn.tsx
Fixed import path for route constants                                       
+1/-1     

Edited by Rashmi Gaddam

Merge request reports

Loading