https://jira.fingo.info/browse/IJ-293 Year switcher is hide behind ta…

…ble (#164) * https://jira.fingo.info/browse/IJ-293 Year switcher is hide behind table
fingo · Oct 10, 2022 · d0e7c92 · d0e7c92
1 parent b2b2d76
commit d0e7c92
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 16 deletions.
diff --git a/view.react/src/components/absence-history-list/AbsenceHistoryList.jsx b/view.react/src/components/absence-history-list/AbsenceHistoryList.jsx
@@ -8,6 +8,7 @@ import {useAbsenceHistory} from "../../contexts/absence-history-context/absenceH
 import {btnClass} from "../../global-styles/btn.module.scss";
 import {formatLogs} from "../../helpers/AbsenceHistoryFormatterHelper";
 import {getPaginationForPage} from "../../helpers/pagination/PaginationHelper";
+import { YearPicker } from "../holidays-config/year-picker/YearPicker";
 import styles from "./AbsenceHistoryList.module.scss";
 import {AbsenceHistoryTab} from "./AbsenceHistoryTab";
 
@@ -81,20 +82,10 @@ export const AbsenceHistoryList = ({fetchHistoryLogs, setPageNumber}) => {
             <div className={styles.panelFooter}>
                 <h3>{header}</h3>
                 <div>
-                    <DropdownButton id="dropdown-basic-button"
-                                    title={selectedYear}
-                                    size="sm"
-                                    bsPrefix={styles.datesDropdown}
-                                    onSelect={year => handleYearChange(year)}>
-                        {availableYears.map((val, index) => (
-                            <Dropdown.Item className={styles.dropItem}
-                                           key={index}
-                                           eventKey={val}
-                            >
-                                {val}
-                            </Dropdown.Item>
-                        ))}
-                    </DropdownButton>
+                    <YearPicker availableYears={availableYears}
+                                selectedYear={selectedYear}
+                                handleYearChange={handleYearChange}
+                                />
                 </div>
                 {isAdminView && <Button
                     className={btnClass}

diff --git a/view.react/src/components/absence-history-list/AbsenceHistoryList.module.scss b/view.react/src/components/absence-history-list/AbsenceHistoryList.module.scss
@@ -6,13 +6,12 @@
 
 .panelFooter {
     text-align: center;
-    margin-bottom: 1.5rem;
+    margin-bottom: 3.0rem;
     position: relative;
 
     div {
         position: absolute;
         right: 0;
-        top: 50%; transform: translateY(-50%);
     }
 
     h3 {