@openmrs/esm-primary-navigation-app 8.0.1-pre.3371 → 8.0.1-pre.3385

package/src/components/offline-banner/offline-banner.component.tsx

@@ -1,65 +0,0 @@
-import React from 'react';
-import { ConnectionSignalOff } from '@carbon/react/icons';
-import { subscribeConnectivity } from '@openmrs/esm-framework';
-import styles from './offline-banner.scss';
-
-const OfflineBanner: React.FC = () => {
-  const lastUpdated = useLastUpdated();
-
-  return (
-    <aside className={styles.offlineBanner}>
-      <div className={styles.offlineIconContainer}>
-        <ConnectionSignalOff size={16} />
-      </div>
-      <span className={styles.offlineNote}>Offline</span>
-      <div className={styles.offlineLastUpdatedContainer}>
-        <span className={styles.lastUpdatedNote}>Last updated:&nbsp;</span>
-        <span>{formatLastUpdated(lastUpdated)}</span>
-      </div>
-    </aside>
-  );
-};
-
-function formatLastUpdated(lastUpdated: Date) {
-  const date = lastUpdated.toLocaleDateString(undefined, {
-    day: 'numeric',
-    month: 'short',
-    year: 'numeric',
-  });
-  const time = lastUpdated.toLocaleTimeString(undefined, {
-    hour: '2-digit',
-    minute: '2-digit',
-  });
-  return `${date} @ ${time}`;
-}
-
-function useLastUpdated() {
-  const [lastUpdated, setLastUpdated] = React.useState(new Date());
-
-  const readAndSetLastUpdated = () => {
-    const value = localStorage.getItem('offline-last-updated');
-    const date = value ? new Date(value) : new Date();
-    setLastUpdated(date);
-  };
-
-  const writeLastUpdated = (date = new Date()) => {
-    localStorage.setItem('offline-last-updated', date.toISOString());
-  };
-
-  React.useEffect(() => {
-    let wasOnline: boolean | null = null;
-
-    return subscribeConnectivity(({ online }) => {
-      if (!online && wasOnline) {
-        writeLastUpdated();
-      }
-
-      wasOnline = online;
-      readAndSetLastUpdated();
-    });
-  }, []);
-
-  return lastUpdated;
-}
-
-export default OfflineBanner;

package/src/components/offline-banner/offline-banner.scss

@@ -1,39 +0,0 @@
-@use '@carbon/layout';
-@use '@openmrs/esm-styleguide/src/vars' as *;
-
-.offlineBanner {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: var(--omrs-offline-banner-height);
-  background-color: #022b30;
-  color: white;
-  font-size: 0.875rem;
-  display: flex;
-  align-items: center;
-  z-index: 3;
-}
-
-.offlineIconContainer {
-  width: layout.$spacing-09;
-  display: flex;
-  justify-content: center;
-}
-
-.offlineNote {
-  font-weight: bold;
-}
-
-.offlineLastUpdatedContainer {
-  flex: auto;
-  display: flex;
-  justify-content: flex-end;
-  align-items: flex-end;
-  padding-right: layout.$spacing-05;
-}
-
-.lastUpdatedNote {
-  color: $color-gray-30;
-  font-size: layout.$spacing-04;
-}

package/src/offline.ts

@@ -1,15 +0,0 @@
-import type { SyncProcessOptions } from '@openmrs/esm-framework/src/internal';
-import { refetchCurrentUser, getLoggedInUser } from '@openmrs/esm-framework/src/internal';
-import { postUserPropertiesOnline } from './components/change-language/change-language.resource';
-
-export async function syncUserLanguagePreference(_: any, options: SyncProcessOptions<any>) {
-  if (options.index === 0) {
-    const loggedInUser = await getLoggedInUser();
-    const allChanges = options.items.map(([_, change]) => change);
-    const newUserProperties = Object.assign({}, loggedInUser.userProperties, ...allChanges);
-
-    await postUserPropertiesOnline(loggedInUser.uuid, newUserProperties, options.abort);
-
-    refetchCurrentUser();
-  }
-}