Merge pull request #50 from SyncfusionExamples/1009504-employee-app

1009504: addressed the UI changes in Organization page

Author: BalajiSGrid

Employee_Managment_App/src/components/Employees.tsx

@@ -84,7 +84,7 @@ const Employees = (props?: EmployeesProps) => {
       grid.filterByColumn('TeamLead', 'equal', props.userInfo.Name);
     } else if (sel === 'directReporters' && props?.userInfo?.Team) {
       // Show colleagues in the same Team
-      grid.filterByColumn('Team', 'equal', props.userInfo.Team);
+      grid.filterByColumn('TeamLead', 'equal', props.userInfo.Name);
     } else {
       // 'active' or no selection => no filter (loads all)
       // clearFiltering already done above

Employee_Managment_App/src/components/Organization.tsx

@@ -62,6 +62,7 @@ const Organization = () => {
             <ButtonComponent
               cssClass={`e-outline org-pill ${selected === 'directReporters' ? 'org-pill--active e-primary' : ''}`}
               onClick={() => handleSelect('directReporters')}
+              title='Including employees in India and the US'
               aria-pressed={selected === 'directReporters'}
             >
               Direct Reporters

Employee_Managment_App/src/components/Policies.tsx

@@ -152,6 +152,7 @@ const Policies: React.FC = () => {
             dataSource={filteredData}
             allowPaging={false}
             allowSorting
+            className='policy-Grid'
             enableAdaptiveUI={true}
             allowResizing
             toolbar={['Search']}