Merge pull request #13 from nsidc/fix-missing-style-eui-button

Bugfix for missing eui-button styles

Author: trey-stafford

CHANGELOG.md

@@ -1,3 +1,9 @@
+# v4.0.1 (2025-04-30)
+
+* Bugfix: import `eui_buttons.less` where needed, providing expected eui-button
+  styles. This fixes an issue where the order buttons had a small shadow around
+  their edge.
+
 # v4.0.0 (2025-04-29)
 
 * Remove Earthdata login button and user orders page.

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@nsidc/data-access-tools",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "UI to order NASA data.",
   "repository": "https://github.com/nsidc/data-access-tool-ui",
   "files": [

package.json

@@ -6,6 +6,8 @@ import { OrderParameters } from "../types/OrderParameters";
 import { boundingBoxMatch, earthdataGranuleFilterParameters } from "../utils/CMR";
 import { hasChanged } from "../utils/hasChanged";
 
+import "../styles/eui_buttons.less";
+
 interface IHandoffButtonProps {
   onClick: () => void;
   orderParameters: OrderParameters;

src/components/EarthdataSearchHandoffButton.tsx

@@ -3,6 +3,8 @@ import ReactTooltip from "react-tooltip";
 
 import { hasChanged } from "../utils/hasChanged";
 
+import "../styles/eui_buttons.less";
+
 interface IEddButtonProps {
   disabled: boolean;
   buttonText: string;

src/components/EddButton.tsx

@@ -2,6 +2,8 @@ import * as React from "react";
 
 import { hasChanged } from "../utils/hasChanged";
 
+import "../styles/eui_buttons.less";
+
 interface IHandoffButtonProps {
   onClick: () => void;
   eddDeeplink: any;

src/components/EddHandoffButton.tsx

@@ -7,6 +7,8 @@ import { cmrGranuleParams } from "../../utils/CMR";
 import { CmrCollection } from "../../types/CmrCollection";
 import { IEnvironment } from "../../utils/environment";
 
+import "../../styles/eui_buttons.less";
+
 interface IEddOrderConfirmationProps {
   onCancel: () => void;
   orderParameters: OrderParameters;

src/components/ModalContent/EddOrderConfirmation.tsx

@@ -3,6 +3,8 @@ import * as React from "react";
 import { OrderParameters } from "../../types/OrderParameters";
 import { EarthdataSearchHandoffButton } from "../EarthdataSearchHandoffButton";
 
+import "../../styles/eui_buttons.less";
+
 interface IEdscOrderConfirmationProps {
   onCancel: () => void;
   onScriptDownloadClick: () => void;

src/components/ModalContent/EdscOrderConfirmation.tsx

@@ -7,6 +7,8 @@ import { IEnvironment } from "../utils/environment";
 import { hasChanged } from "../utils/hasChanged";
 import { LoadingIcon } from "./LoadingIcon";
 
+import "../styles/eui_buttons.less";
+
 interface IScriptButtonProps {
   disabled: boolean;
   environment: IEnvironment;

src/components/ScriptButton.tsx

@@ -3,6 +3,8 @@ import ReactTooltip from "react-tooltip";
 
 import { hasChanged } from "../utils/hasChanged";
 
+import "../styles/eui_buttons.less";
+
 interface ISubmitButtonProps {
   buttonText: string;
   buttonId: string;