From d7bf6a0c06ecc54ab311a01f870548691991a72e Mon Sep 17 00:00:00 2001
From: def <dettlaff@riseup.net>
Date: Tue, 26 Dec 2023 11:28:52 +0200
Subject: [PATCH] feat: Add animation to the recovery key screen (#410)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.app/issues/164
Co-authored-by: dettlaff <dettlaff@riseup.net>
Reviewed-on: https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.app/pulls/410
Reviewed-by: NaiJi ✨ <naiji@noreply.git.selfprivacy.org>
Reviewed-by: Inex Code <inex.code@selfprivacy.org>
Co-authored-by: def <dettlaff@riseup.net>
Co-committed-by: def <dettlaff@riseup.net>
---
 lib/ui/pages/recovery_key/recovery_key.dart | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/lib/ui/pages/recovery_key/recovery_key.dart b/lib/ui/pages/recovery_key/recovery_key.dart
index 86d678bb..ff449377 100644
--- a/lib/ui/pages/recovery_key/recovery_key.dart
+++ b/lib/ui/pages/recovery_key/recovery_key.dart
@@ -89,10 +89,14 @@ class _RecoveryKeyContentState extends State<RecoveryKeyContent> {
       children: [
         if (keyStatus.exists) RecoveryKeyStatusCard(isValid: keyStatus.isValid),
         const SizedBox(height: 16),
-        if (keyStatus.exists && !_isConfigurationVisible)
-          RecoveryKeyInformation(state: keyStatus),
-        if (_isConfigurationVisible || !keyStatus.exists)
-          const RecoveryKeyConfiguration(),
+        AnimatedCrossFade(
+          duration: const Duration(milliseconds: 300),
+          firstChild: RecoveryKeyInformation(state: keyStatus),
+          secondChild: const RecoveryKeyConfiguration(),
+          crossFadeState: _isConfigurationVisible || !keyStatus.exists
+              ? CrossFadeState.showSecond
+              : CrossFadeState.showFirst,
+        ),
         const SizedBox(height: 16),
         if (!_isConfigurationVisible && keyStatus.isValid && keyStatus.exists)
           BrandButton.text(