env variables created

.env

@@ -11,4 +11,7 @@ REACT_APP_AUX_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfit"
 REACT_APP_USERS_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfituser"
 # REACT_APP_PASSWORD_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfituser/resetpass"
 
-REACT_APP_SESSION_EXPIRE_MINUTES = 5
+REACT_APP_SESSION_EXPIRE_MINUTES = 5
+
+REACT_APP_TRACKING = "Tracking"
+REACT_APP_RESOURCES = "Resources"

src/components/Calendar/CalendarTable.jsx

@@ -34,7 +34,7 @@ export default function CalendarTable({ className }) {
 
 
       <div>
-      <Calendar onChange={onChange} value={value} calendarType="US" />
+      <Calendar onChange={onChange} value={value} />
     </div>
 
 

src/components/Partials/MobileSideBar.jsx

@@ -111,8 +111,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                     <Icons name="market" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    Tracking
-
+                    {process.env.REACT_APP_TRACKING}
                   </span>
                 </NavLink>
               </li>
@@ -138,7 +137,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                     <Icons name="star" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    Resources
+                    {process.env.REACT_APP_RESOURCES}
                   </span>
                 </NavLink>
               </li>

src/components/Partials/Sidebar.jsx

@@ -168,7 +168,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                       sidebar ? "active flex-1" : "w-0"
                     }`}
                   >
-                   Tracking
+                   {process.env.REACT_APP_TRACKING}
                   </span>
                 </NavLink>
               </li>
@@ -208,7 +208,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                       sidebar ? "active flex-1" : "w-0"
                     }`}
                   >
-                    Resources
+                    {process.env.REACT_APP_RESOURCES}
                   </span>
                 </NavLink>
               </li>

src/index.css

@@ -670,38 +670,3 @@ TODO: Responsive ===========================
     @apply mb-2;
   }
 }
-
-/* Calendar */
-.react-calendar{
-  width: 100%;
-  min-height: 23.2rem;
-  border-radius: 7px !important;
-}
-
-.react-calendar__navigation{
-  margin-top: 2px;
-  margin-inline: 2px;
-}
-
-.react-calendar__navigation button:enabled:hover,
-.react-calendar__navigation button:enabled:focus{
-  @apply rounded-full transition duration-500
-}
-
-.react-calendar__month-view__days{
-  display: grid !important;
-  grid-template-columns: repeat(7, 1fr);
-}
-
-.react-calendar__month-view__weekdays__weekday abbr:where([title]){
-  text-decoration: none !important;
-  cursor: default;
-}
-
-.react-calendar__tile{
-  border: 1px solid #cfd7e3 !important;
-  border-left: 0;
-  text-align: right;
-  height: 4.813rem !important;
-  transition: all 500ms;
-}