@controleonline/ui-customers 1.0.83 → 1.0.85

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@controleonline/ui-customers",
-  "version": "1.0.83",
+  "version": "1.0.85",
   "author": "ControleOnline",
   "description": "ControleOnline customers Quasar UI Component",
   "license": "MIT",

package/src/react/pages/details.js

@@ -488,10 +488,11 @@ const ClientDetails = ({ route, navigation }) => {
             imageUrl={clientAvatarImageUrl}
             name={String(client?.name || '').replace(/\s+/g, ' ').trim()}
             size={64}
-            backgroundColor={themeColors.buttonBackground}
-            borderColor={themeColors.buttonText}
-            borderWidth={3}
-            textColor={themeColors.buttonText}
+            backgroundColor={detailsStyles.listAvatarBrand.backgroundColor}
+            borderColor={detailsStyles.listAvatarBrand.borderColor}
+            borderWidth={1}
+            textColor={detailsStyles.listAvatarText.color}
+            iconColor={detailsStyles.listAvatarText.color}
             useGravatar={false}
             usePeopleImage={false}
           />

package/src/react/pages/employees.js

@@ -51,6 +51,9 @@ export const buildEmployeesContext = routeParams => {
      // whatever the link type, until a concrete link type is picked in the filter.
      peopleType: 'F',
      anyLinkType: true,
+     // List people_link rows where company_id = currentCompany (same source as
+     // My Company Details), not the global /people visibility wall.
+     listSource: 'company-links',
      detailsRouteParams: (person, selectedLinkType) => ({
        employeeId: normalizeEntityId(person?.id ?? person?.['@id']),
        contextKey: selectedLinkType === 'all' ? '' : String(selectedLinkType || ''),

package/src/react/styles/details.js

@@ -10,6 +10,8 @@ const resolvePalette = themeColors => ({
   cardBorder: themeColors.cardBorder,
   cardText: themeColors.cardText,
   cardIcon: themeColors.cardIcon,
+  cardIconBackground: themeColors.cardIconBackground || themeColors.cardBackground,
+  cardIconColor: themeColors.cardIconColor || themeColors.cardIcon || themeColors.listItemText,
   cardShadow: themeColors.cardShadow,
   listItemBackground: themeColors.listItemBackground,
   listItemText: themeColors.listItemText,
@@ -324,12 +326,12 @@ export const createDetailsStyles = themeColors => {
     },
 
     listAvatarBrand: {
-      backgroundColor: palette.buttonBackground,
-      borderColor: palette.buttonText,
+      backgroundColor: palette.cardIconBackground,
+      borderColor: palette.cardBorder || palette.cardIconBackground,
     },
 
     listAvatarText: {
-      color: palette.buttonText,
+      color: palette.cardIconColor,
     },
 
     locationButton: {

package/src/tests/react/pages/employees.test.js

@@ -31,6 +31,7 @@ describe('employees page context', () => {
     expect(context.modalTitleByType.courier).toBe('Cadastro de Entregador')
     expect(context.peopleType).toBe('F')
     expect(context.anyLinkType).toBe(true)
+    expect(context.listSource).toBe('company-links')
   })
 
   it('keeps courier as the default physical-person role when selected directly', () => {