Merged PR 197: [備忘] 実装上、取り込みを「import」の英単語を使っている箇所を「activate」に変更する
## 概要 [Task2003: [備忘] 実装上、取り込みを「import」の英単語を使っている箇所を「activate」に変更する](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/2003) ライセンス取り込み部分の文言・内部の変数等を「import」→「activate」に変更 ## レビューポイント 過不足がないか。 ## UIの変更 「カードライセンス取り込みボタン」の文言が変更 ## 動作確認状況 ローカルで確認 ## 補足 なし
This commit is contained in:
parent
2263412120
commit
3f9ede7aed
@ -2,13 +2,13 @@ import React, { useCallback } from "react";
|
||||
import styles from "styles/app.module.scss";
|
||||
import close from "../../assets/images/close.svg";
|
||||
|
||||
interface CardLicenseImportPopupProps {
|
||||
interface CardLicenseActivatePopupProps {
|
||||
onClose: () => void;
|
||||
}
|
||||
|
||||
export const CardLicenseImportPopup: React.FC<CardLicenseImportPopupProps> = (
|
||||
props
|
||||
) => {
|
||||
export const CardLicenseActivatePopup: React.FC<
|
||||
CardLicenseActivatePopupProps
|
||||
> = (props) => {
|
||||
const { onClose } = props;
|
||||
|
||||
// ポップアップを閉じる処理
|
||||
@ -21,7 +21,7 @@ export const CardLicenseImportPopup: React.FC<CardLicenseImportPopupProps> = (
|
||||
<div className={`${styles.modal} ${styles.isShow}`}>
|
||||
<div className={styles.modalBox}>
|
||||
<p className={styles.modalTitle}>
|
||||
Import License Key
|
||||
Activate License Key
|
||||
<button type="button" onClick={closePopup}>
|
||||
<img src={close} className={styles.modalTitleIcon} alt="close" />
|
||||
</button>
|
||||
@ -45,7 +45,7 @@ export const CardLicenseImportPopup: React.FC<CardLicenseImportPopupProps> = (
|
||||
<input
|
||||
type="button"
|
||||
name="submit"
|
||||
value="Import"
|
||||
value="Activate"
|
||||
className={`${styles.formSubmit} ${styles.marginBtm1} ${styles.isActive}`}
|
||||
onClick={closePopup}
|
||||
/>
|
||||
@ -17,7 +17,7 @@ import key from "../../assets/images/key.svg";
|
||||
import lock from "../../assets/images/lock.svg";
|
||||
import lockOpen from "../../assets/images/lock_open.svg";
|
||||
import { LicenseOrderPopup } from "./licenseOrderPopup";
|
||||
import { CardLicenseImportPopup } from "./cardLicenseImportPopup";
|
||||
import { CardLicenseActivatePopup } from "./cardLicenseActivatePopup";
|
||||
|
||||
const LicenseSummary: React.FC = (): JSX.Element => {
|
||||
const dispatch: AppDispatch = useDispatch();
|
||||
@ -25,16 +25,16 @@ const LicenseSummary: React.FC = (): JSX.Element => {
|
||||
|
||||
// popup制御関係
|
||||
const [islicenseOrderPopupOpen, setIslicenseOrderPopupOpen] = useState(false);
|
||||
const [isCardLicenseImportPopupOpen, setIsCardLicenseImportPopupOpen] =
|
||||
const [isCardLicenseActivatePopupOpen, setIsCardLicenseActivatePopupOpen] =
|
||||
useState(false);
|
||||
|
||||
const onlicenseOrderOpen = useCallback(() => {
|
||||
setIslicenseOrderPopupOpen(true);
|
||||
}, [setIslicenseOrderPopupOpen]);
|
||||
|
||||
const onCardLicenseImportOpen = useCallback(() => {
|
||||
setIsCardLicenseImportPopupOpen(true);
|
||||
}, [setIsCardLicenseImportPopupOpen]);
|
||||
const onCardLicenseActivateOpen = useCallback(() => {
|
||||
setIsCardLicenseActivatePopupOpen(true);
|
||||
}, [setIsCardLicenseActivatePopupOpen]);
|
||||
|
||||
// apiからの値取得関係
|
||||
const licenseSummaryInfo = useSelector(selecLicenseSummaryInfo);
|
||||
@ -53,10 +53,10 @@ const LicenseSummary: React.FC = (): JSX.Element => {
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
{isCardLicenseImportPopupOpen && (
|
||||
<CardLicenseImportPopup
|
||||
{isCardLicenseActivatePopupOpen && (
|
||||
<CardLicenseActivatePopup
|
||||
onClose={() => {
|
||||
setIsCardLicenseImportPopupOpen(false);
|
||||
setIsCardLicenseActivatePopupOpen(false);
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
@ -108,12 +108,12 @@ const LicenseSummary: React.FC = (): JSX.Element => {
|
||||
{/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
|
||||
<a
|
||||
className={`${styles.menuLink} ${styles.isActive}`}
|
||||
onClick={onCardLicenseImportOpen}
|
||||
onClick={onCardLicenseActivateOpen}
|
||||
>
|
||||
<img src={key} alt="" className={styles.menuIcon} />
|
||||
{t(
|
||||
getTranslationID(
|
||||
"LicenseSummaryPage.label.importLicenseKey"
|
||||
"LicenseSummaryPage.label.activateLicenseKey"
|
||||
)
|
||||
)}
|
||||
</a>
|
||||
|
||||
@ -141,7 +141,7 @@
|
||||
"subTitle": "(de)EFGI Legal",
|
||||
"orderLicense": "(de)Order License",
|
||||
"orderHistory": "(de)Order History",
|
||||
"importLicenseKey": "(de)Import License Key",
|
||||
"activateLicenseKey": "(de)Activate License Key",
|
||||
"totalLicense": "(de)Total license",
|
||||
"allocatedLicense": "(de)Allocated license",
|
||||
"reusableLicense": "(de)Reusable license",
|
||||
|
||||
@ -141,7 +141,7 @@
|
||||
"subTitle": "EFGI Legal",
|
||||
"orderLicense": "Order License",
|
||||
"orderHistory": "Order History",
|
||||
"importLicenseKey": "Import License Key",
|
||||
"activateLicenseKey": "Activate License Key",
|
||||
"totalLicense": "Total license",
|
||||
"allocatedLicense": "Allocated license",
|
||||
"reusableLicense": "Reusable license",
|
||||
|
||||
@ -141,7 +141,7 @@
|
||||
"subTitle": "(es)EFGI Legal",
|
||||
"orderLicense": "(es)Order License",
|
||||
"orderHistory": "(es)Order History",
|
||||
"importLicenseKey": "(es)Import License Key",
|
||||
"activateLicenseKey": "(es)Activate License Key",
|
||||
"totalLicense": "(es)Total license",
|
||||
"allocatedLicense": "(es)Allocated license",
|
||||
"reusableLicense": "(es)Reusable license",
|
||||
|
||||
@ -141,7 +141,7 @@
|
||||
"subTitle": "(fr)EFGI Legal",
|
||||
"orderLicense": "(fr)Order License",
|
||||
"orderHistory": "(fr)Order History",
|
||||
"importLicenseKey": "(fr)Import License Key",
|
||||
"activateLicenseKey": "(fr)Activate License Key",
|
||||
"totalLicense": "(fr)Total license",
|
||||
"allocatedLicense": "(fr)Allocated license",
|
||||
"reusableLicense": "(fr)Reusable license",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user