Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-23 22:14:42 +01:00
Code Issues Projects Releases Packages Wiki Activity

Shazam the mini translation block

Browse source
This commit is contained in:
Lim Chee Aun 2023-07-24 22:27:30 +08:00
parent 871fe11d0f
commit 6fe182a7a3
1 changed files with 16 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/translation-block.jsx
View file

@ -111,18 +111,22 @@ function TranslationBlock({
detectedLang !== targetLangText detectedLang !== targetLangText
) { ) {
return ( return (
<div class="status-translation-block-mini"> <div class="shazam-container">
<Icon <div class="shazam-container-inner">
icon="translate" <div class="status-translation-block-mini">
alt={`Auto-translated from ${sourceLangText}`} <Icon
/> icon="translate"
<output alt={`Auto-translated from ${sourceLangText}`}
lang={targetLang} />
dir="auto" <output
title={pronunciationContent || ''} lang={targetLang}
> dir="auto"
{translatedContent} title={pronunciationContent || ''}
</output> >
{translatedContent}
</output>
</div>
</div>
</div> </div>
); );
} }