initial commit

src/config-schema.ts

@@ -49,4 +49,30 @@ export const configSchema = {
       _description: "Alt text, shown on hover",
     },
   },
+  loginBackgroundUrl: {
+    src: {
+      _type: Type.String,
+      _description:
+        "A path or URL to an image. If null, will use the OpenMRS SVG sprite.",
+      _validators: [validators.isUrl],
+    },
+    alt: {
+      _type: Type.String,
+      _default: "Background",
+      _description: "Alt text, shown on hover",
+    },
+  },
+  loginLogoUrl: {
+    src: {
+      _type: Type.String,
+      _description:
+        "A path or URL to an image. If null, will use the OpenMRS SVG sprite.",
+      _validators: [validators.isUrl],
+    },
+    alt: {
+      _type: Type.String,
+      _default: "OpenMRS Logo",
+      _description: "Alt text, shown on hover",
+    },
+  },
 };

src/index.ts

@@ -1,5 +1,5 @@
 import { getAsyncLifecycle, defineConfigSchema } from "@openmrs/esm-framework";
-import { configSchema } from "./config-schema";
+import {  configSchema } from "./config-schema";
 
 const moduleName = "@ugandaemr/esm-login-app";
 

src/login/login.background.component.tsx

@@ -0,0 +1,22 @@
+import { type ConfigSchema, useConfig } from "@openmrs/esm-framework";
+import React from "react";
+
+const LoginBackground = () => {
+  const { loginBackgroundUrl } = useConfig();
+
+  return loginBackgroundUrl.src ? (
+    <img
+      src={loginBackgroundUrl.src}
+      alt={loginBackgroundUrl.alt}
+      title="UgandaEMR+ Background"
+    />
+  ) : (
+    <img
+      src="/assets/background.png"
+      alt="UgandaEMR+ Background"
+      title="UgandaEMR+ Background"
+    />
+  );
+};
+
+export default LoginBackground;

src/login/login.component.tsx

@@ -263,7 +263,6 @@ const Login: React.FC<LoginReferrer> = () => {
       </div>
     );
   }
-
   return null;
 };
 

src/login/login.test.tsx

@@ -34,11 +34,6 @@ jest.mock("./login.resource", () => ({
   performLogin: jest.fn(),
 }));
 
-const loginLocations = [
-  { uuid: "111", display: "Earth" },
-  { uuid: "222", display: "Mars" },
-];
-
 mockedUseSession.mockReturnValue({ authenticated: false });
 mockedUseConfig.mockReturnValue(mockConfig);