|
@@ -13,8 +13,12 @@ interface IWidget {
|
|
|
primary?: boolean;
|
|
primary?: boolean;
|
|
|
}
|
|
}
|
|
|
const Widget = ({ text, primary = true }: IWidget) => {
|
|
const Widget = ({ text, primary = true }: IWidget) => {
|
|
|
- const [paliText, setPaliText] = useState(text);
|
|
|
|
|
|
|
+ const [paliText, setPaliText] = useState<string>();
|
|
|
const settings = useAppSelector(settingInfo);
|
|
const settings = useAppSelector(settingInfo);
|
|
|
|
|
+
|
|
|
|
|
+ useEffect(() => {
|
|
|
|
|
+ setPaliText(text);
|
|
|
|
|
+ }, [text]);
|
|
|
useEffect(() => {
|
|
useEffect(() => {
|
|
|
const _paliCode1 = GetUserSetting("setting.pali.script.primary", settings);
|
|
const _paliCode1 = GetUserSetting("setting.pali.script.primary", settings);
|
|
|
if (typeof _paliCode1 === "string") {
|
|
if (typeof _paliCode1 === "string") {
|
|
@@ -23,22 +27,22 @@ const Widget = ({ text, primary = true }: IWidget) => {
|
|
|
|
|
|
|
|
switch (paliConvertor) {
|
|
switch (paliConvertor) {
|
|
|
case "roman_to_my":
|
|
case "roman_to_my":
|
|
|
- setPaliText(roman_to_my(text));
|
|
|
|
|
|
|
+ setPaliText(roman_to_my(paliText));
|
|
|
break;
|
|
break;
|
|
|
case "my_to_roman":
|
|
case "my_to_roman":
|
|
|
- setPaliText(my_to_roman(text));
|
|
|
|
|
|
|
+ setPaliText(my_to_roman(paliText));
|
|
|
break;
|
|
break;
|
|
|
case "roman_to_si":
|
|
case "roman_to_si":
|
|
|
- setPaliText(roman_to_si(text));
|
|
|
|
|
|
|
+ setPaliText(roman_to_si(paliText));
|
|
|
break;
|
|
break;
|
|
|
case "roman_to_thai":
|
|
case "roman_to_thai":
|
|
|
- setPaliText(roman_to_thai(text));
|
|
|
|
|
|
|
+ setPaliText(roman_to_thai(paliText));
|
|
|
break;
|
|
break;
|
|
|
case "roman_to_taitham":
|
|
case "roman_to_taitham":
|
|
|
- setPaliText(roman_to_taitham(text));
|
|
|
|
|
|
|
+ setPaliText(roman_to_taitham(paliText));
|
|
|
break;
|
|
break;
|
|
|
default:
|
|
default:
|
|
|
- setPaliText(text);
|
|
|
|
|
|
|
+ setPaliText(paliText);
|
|
|
break;
|
|
break;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|