You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

46 lines
1.2 KiB

import React, { memo, FC } from "react";
import "./index.module.scss";
import Broadcast from "@/components/svgIcon";
import { languageType } from "@/interface";
import { defaultTheme, defaultLanguage } from "@/core/config";
import { il8n } from "@/language";
const Index: FC<{
setIsscreenshot: Function;
screenshotLoading: boolean;
theme: string | undefined;
language: languageType | undefined;
}> = memo(function Index({
setIsscreenshot,
screenshotLoading,
theme,
language,
}) {
return (
<div className="screenshot">
<div className="close" onClick={() => setIsscreenshot(false)}>
<Broadcast
iconClass="close"
fill={theme || defaultTheme}
className="icon"
/>
</div>
<div className="img" id="JoL-screenshotCanvas">
<Broadcast
iconClass="loading"
fill={theme || defaultTheme}
className="player-loading"
fontSize="55px"
/>
</div>
<p className="save">
{il8n(
language || defaultLanguage,
screenshotLoading ? "screenshotsFailText" : "screenshotsSucessText"
)}
</p>
</div>
);
});
export default Index;