ember/fluffychat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #5289 from pangeachat/5268-vocab-practice-word-audio-hitbox-is-limited

Browse source 
chore: show tooltip on full phonetic transcription widget
This commit is contained in:
ggurdin 2026-01-20 14:17:35 -05:00 • committed by GitHub
commit 468ba56b7b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 61 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

123
lib/pangea/phonetic_transcription/phonetic_transcription_widget.dart
View file

@ -69,60 +69,59 @@ class _PhoneticTranscriptionWidgetState
final targetId = 'phonetic-transcription-${widget.text}-$hashCode';
return HoverBuilder(
builder: (context, hovering) {
return GestureDetector(
onTap: () => _handleAudioTap(targetId),
child: AnimatedContainer(
duration: const Duration(milliseconds: 150),
decoration: BoxDecoration(
color: hovering
? Colors.grey.withAlpha((0.2 * 255).round())
: Colors.transparent,
borderRadius: BorderRadius.circular(6),
),
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
child: CompositedTransformTarget(
link: MatrixState.pAnyState.layerLinkAndKey(targetId).link,
child: PhoneticTranscriptionBuilder(
key: MatrixState.pAnyState.layerLinkAndKey(targetId).key,
textLanguage: widget.textLanguage,
text: widget.text,
reloadNotifier: widget.reloadNotifier,
builder: (context, controller) {
return switch (controller.state) {
AsyncError(error: final error) =>
error is UnsubscribedException
? ErrorIndicator(
message: L10n.of(context)
.subscribeToUnlockTranscriptions,
onTap: () {
MatrixState
.pangeaController.subscriptionController
.showPaywall(context);
},
)
: ErrorIndicator(
message:
L10n.of(context).failedToFetchTranscription,
return Tooltip(
message:
_isPlaying ? L10n.of(context).stop : L10n.of(context).playAudio,
child: GestureDetector(
onTap: () => _handleAudioTap(targetId),
child: AnimatedContainer(
duration: const Duration(milliseconds: 150),
decoration: BoxDecoration(
color: hovering
? Colors.grey.withAlpha((0.2 * 255).round())
: Colors.transparent,
borderRadius: BorderRadius.circular(6),
),
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
child: CompositedTransformTarget(
link: MatrixState.pAnyState.layerLinkAndKey(targetId).link,
child: PhoneticTranscriptionBuilder(
key: MatrixState.pAnyState.layerLinkAndKey(targetId).key,
textLanguage: widget.textLanguage,
text: widget.text,
reloadNotifier: widget.reloadNotifier,
builder: (context, controller) {
return switch (controller.state) {
AsyncError(error: final error) =>
error is UnsubscribedException
? ErrorIndicator(
message: L10n.of(context)
.subscribeToUnlockTranscriptions,
onTap: () {
MatrixState
.pangeaController.subscriptionController
.showPaywall(context);
},
)
: ErrorIndicator(
message:
L10n.of(context).failedToFetchTranscription,
),
AsyncLoaded<String>(value: final transcription) => Row(
spacing: 8.0,
mainAxisSize: MainAxisSize.min,
children: [
Flexible(
child: Text(
transcription,
textScaler: TextScaler.noScaling,
style: widget.style ??
Theme.of(context).textTheme.bodyMedium,
maxLines: widget.maxLines,
overflow: TextOverflow.ellipsis,
),
),
AsyncLoaded<String>(value: final transcription) => Row(
spacing: 8.0,
mainAxisSize: MainAxisSize.min,
children: [
Flexible(
child: Text(
transcription,
textScaler: TextScaler.noScaling,
style: widget.style ??
Theme.of(context).textTheme.bodyMedium,
maxLines: widget.maxLines,
overflow: TextOverflow.ellipsis,
),
),
Tooltip(
message: _isPlaying
? L10n.of(context).stop
: L10n.of(context).playAudio,
child: Icon(
Icon(
_isPlaying
? Icons.pause_outlined
: Icons.volume_up,
@ -130,15 +129,15 @@ class _PhoneticTranscriptionWidgetState
color: widget.iconColor ??
Theme.of(context).iconTheme.color,
),
),
],
),
_ => const TextLoadingShimmer(
width: 125.0,
height: 20.0,
),
};
},
],
),
_ => const TextLoadingShimmer(
width: 125.0,
height: 20.0,
),
};
},
),
),
),
),