From 40e09fcbbb052898091e8e177d639b2714c1f819 Mon Sep 17 00:00:00 2001
From: dettlaff <dettlaff@riseup.net>
Date: Wed, 20 Dec 2023 05:21:20 +0400
Subject: [PATCH] feat: add animation recovery menu

- Resolve https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.app/issues/164
---
 lib/ui/pages/recovery_key/recovery_key.dart | 16 ++++++++++++----
 1 file changed, 12 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..9767631d 100644
--- a/lib/ui/pages/recovery_key/recovery_key.dart
+++ b/lib/ui/pages/recovery_key/recovery_key.dart
@@ -89,10 +89,18 @@ 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: keyStatus.exists && !_isConfigurationVisible
+              ? RecoveryKeyInformation(state: keyStatus)
+              : const SizedBox.shrink(),
+          secondChild: _isConfigurationVisible || !keyStatus.exists
+              ? const RecoveryKeyConfiguration()
+              : const SizedBox.shrink(),
+          crossFadeState: _isConfigurationVisible || !keyStatus.exists
+              ? CrossFadeState.showSecond
+              : CrossFadeState.showFirst,
+        ),
         const SizedBox(height: 16),
         if (!_isConfigurationVisible && keyStatus.isValid && keyStatus.exists)
           BrandButton.text(