META-INF.resources.js.status_label.StatusLabel.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.commerce.order.content.web

Liferay Commerce Order Content Web

The newest version!

/**
 * SPDX-FileCopyrightText: (c) 2024 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import ClayLabel from '@clayui/label';
import {commerceEvents} from 'commerce-frontend-js';
import {openToast} from 'frontend-js-web';
import React, {useCallback, useEffect, useState} from 'react';

import {getLabelDisplay} from '../getLabelDisplay';
import {getOrder} from '../util';

const StatusLabel = ({isOpenOrder, namespace, orderId, selectedStatus}) => {
	const [status, setStatus] = useState(null);

	const onStatusChange = useCallback(
		({order = null}) => {
			getOrder(isOpenOrder, order, orderId)
				.then((order) => {
					setStatus(getLabelDisplay(order[selectedStatus]));
				})
				.catch((error) => {
					openToast({
						message:
							error.message ||
							Liferay.Language.get(
								'an-unexpected-error-occurred'
							),
						type: 'danger',
					});
				});
		},
		[isOpenOrder, orderId, selectedStatus]
	);

	useEffect(() => {
		onStatusChange({order: null});

		// eslint-disable-next-line react-hooks/exhaustive-deps
	}, []);

	useEffect(() => {
		Liferay.on(commerceEvents.ORDER_INFORMATION_ALTERED, onStatusChange);

		return () => {
			Liferay.detach(
				commerceEvents.ORDER_INFORMATION_ALTERED,
				onStatusChange
			);
		};
	}, [onStatusChange]);

	return (
		<>
			{status ? (
				
					{Liferay.Language.get(status.label_i18n)}
				
			) : null}
		
	);
};

export default StatusLabel;