From a618a2bc4234286929b7ebb3baf2d20d97fc1813 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Tue, 29 Apr 2025 13:33:39 +0300
Subject: [PATCH] M: Improve transitions and remounting

---
 rsconcept/frontend/src/components/info-error.tsx            | 3 +--
 .../src/features/auth/components/expected-anonymous.tsx     | 2 +-
 rsconcept/frontend/src/features/auth/pages/login-page.tsx   | 2 +-
 .../src/features/auth/pages/restore-password-page.tsx       | 2 +-
 .../src/features/help/pages/manuals-page/view-topic.tsx     | 6 +-----
 .../frontend/src/features/home/database-schema-page.tsx     | 2 +-
 .../library/pages/create-item-page/form-create-item.tsx     | 2 +-
 .../oss/pages/oss-page/editor-oss-card/editor-oss-card.tsx  | 2 +-
 .../rsform-page/editor-constituenta/editor-constituenta.tsx | 1 +
 .../rsform-page/editor-rsexpression/editor-rsexpression.tsx | 2 +-
 .../rsform-page/editor-rsform-card/editor-rsform-card.tsx   | 2 +-
 .../rsform/pages/rsform-page/editor-term-graph/tg-flow.tsx  | 2 +-
 12 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/rsconcept/frontend/src/components/info-error.tsx b/rsconcept/frontend/src/components/info-error.tsx
index 094fbf12..5ce3ab91 100644
--- a/rsconcept/frontend/src/components/info-error.tsx
+++ b/rsconcept/frontend/src/components/info-error.tsx
@@ -78,8 +78,7 @@ export function InfoError({ error }: InfoErrorProps) {
   return (
     <div
       className={clsx(
-        'cc-fade-in',
-        'min-w-100',
+        'min-w-100', //
         'px-3 py-2 flex flex-col',
         'text-destructive text-sm font-semibold',
         'select-text'
diff --git a/rsconcept/frontend/src/features/auth/components/expected-anonymous.tsx b/rsconcept/frontend/src/features/auth/components/expected-anonymous.tsx
index c12ab2f5..26b0f8c5 100644
--- a/rsconcept/frontend/src/features/auth/components/expected-anonymous.tsx
+++ b/rsconcept/frontend/src/features/auth/components/expected-anonymous.tsx
@@ -15,7 +15,7 @@ export function ExpectedAnonymous() {
   }
 
   return (
-    <div className='cc-fade-in flex flex-col items-center gap-3 py-6'>
+    <div className='flex flex-col items-center gap-3 py-6'>
       <p className='font-semibold'>{`Вы вошли в систему как ${user.username}`}</p>
       <div className='flex gap-3'>
         <TextURL text='Новая схема' href='/library/create' />
diff --git a/rsconcept/frontend/src/features/auth/pages/login-page.tsx b/rsconcept/frontend/src/features/auth/pages/login-page.tsx
index 0b01b88d..5e3d2abb 100644
--- a/rsconcept/frontend/src/features/auth/pages/login-page.tsx
+++ b/rsconcept/frontend/src/features/auth/pages/login-page.tsx
@@ -55,7 +55,7 @@ export function LoginPage() {
   }
   return (
     <form
-      className='cc-column cc-fade-in w-96 mx-auto pt-12 pb-6 px-6'
+      className='cc-column w-96 mx-auto pt-12 pb-6 px-6'
       onSubmit={event => void handleSubmit(onSubmit)(event)}
       onChange={resetErrors}
     >
diff --git a/rsconcept/frontend/src/features/auth/pages/restore-password-page.tsx b/rsconcept/frontend/src/features/auth/pages/restore-password-page.tsx
index f26bb508..20f11afe 100644
--- a/rsconcept/frontend/src/features/auth/pages/restore-password-page.tsx
+++ b/rsconcept/frontend/src/features/auth/pages/restore-password-page.tsx
@@ -32,7 +32,7 @@ export function Component() {
     );
   } else {
     return (
-      <form className='cc-fade-in cc-column w-96 mx-auto px-6 mt-3' onSubmit={handleSubmit} onChange={clearServerError}>
+      <form className='cc-column w-96 mx-auto px-6 mt-3' onSubmit={handleSubmit} onChange={clearServerError}>
         <TextInput
           id='email'
           autoComplete='email'
diff --git a/rsconcept/frontend/src/features/help/pages/manuals-page/view-topic.tsx b/rsconcept/frontend/src/features/help/pages/manuals-page/view-topic.tsx
index cda23e1a..3de5d41a 100644
--- a/rsconcept/frontend/src/features/help/pages/manuals-page/view-topic.tsx
+++ b/rsconcept/frontend/src/features/help/pages/manuals-page/view-topic.tsx
@@ -13,11 +13,7 @@ interface ViewTopicProps {
 export function ViewTopic({ topic }: ViewTopicProps) {
   const mainHeight = useMainHeight();
   return (
-    <div
-      key={topic}
-      className='cc-fade-in py-2 px-6 mx-auto sm:mx-0 lg:px-12 overflow-y-auto'
-      style={{ maxHeight: mainHeight }}
-    >
+    <div key={topic} className='py-2 px-6 mx-auto sm:mx-0 lg:px-12 overflow-y-auto' style={{ maxHeight: mainHeight }}>
       <TopicPage topic={topic} />
     </div>
   );
diff --git a/rsconcept/frontend/src/features/home/database-schema-page.tsx b/rsconcept/frontend/src/features/home/database-schema-page.tsx
index d80f6eff..6abddef6 100644
--- a/rsconcept/frontend/src/features/home/database-schema-page.tsx
+++ b/rsconcept/frontend/src/features/home/database-schema-page.tsx
@@ -16,7 +16,7 @@ export function Component() {
   }, [hideFooter]);
 
   return (
-    <div className='cc-fade-in flex justify-center overflow-hidden' style={{ maxHeight: panelHeight }}>
+    <div className='flex justify-center overflow-hidden' style={{ maxHeight: panelHeight }}>
       <TransformWrapper>
         <TransformComponent>
           <img alt='Схема базы данных' src={resources.db_schema} className='w-fit h-fit' />
diff --git a/rsconcept/frontend/src/features/library/pages/create-item-page/form-create-item.tsx b/rsconcept/frontend/src/features/library/pages/create-item-page/form-create-item.tsx
index 7bf4a1a3..04d89504 100644
--- a/rsconcept/frontend/src/features/library/pages/create-item-page/form-create-item.tsx
+++ b/rsconcept/frontend/src/features/library/pages/create-item-page/form-create-item.tsx
@@ -99,7 +99,7 @@ export function FormCreateItem() {
 
   return (
     <form
-      className='cc-fade-in cc-column w-120 mx-auto px-6 py-3'
+      className='cc-column w-120 mx-auto px-6 py-3'
       onSubmit={event => void handleSubmit(onSubmit)(event)}
       onChange={resetErrors}
     >
diff --git a/rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-card/editor-oss-card.tsx b/rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-card/editor-oss-card.tsx
index a47f5306..77c8ba46 100644
--- a/rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-card/editor-oss-card.tsx
+++ b/rsconcept/frontend/src/features/oss/pages/oss-page/editor-oss-card/editor-oss-card.tsx
@@ -46,7 +46,7 @@ export function EditorOssCard() {
         className={clsx('md:max-w-fit max-w-128 min-w-fit', 'flex flex-row flex-wrap pt-8 px-6 justify-center')}
       >
         <div className='cc-column px-3'>
-          <FormOSS />
+          <FormOSS key={schema.id} />
           <EditorLibraryItem schema={schema} isAttachedToOSS={false} />
         </div>
 
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/editor-constituenta.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/editor-constituenta.tsx
index d075b735..c120dfca 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/editor-constituenta.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/editor-constituenta.tsx
@@ -94,6 +94,7 @@ export function EditorConstituenta() {
       <div className='mx-0 md:mx-auto pt-8 md:w-195 shrink-0 xs:pt-0'>
         {activeCst ? (
           <FormConstituenta
+            key={activeCst.id}
             id={globalIDs.constituenta_editor}
             toggleReset={toggleReset}
             activeCst={activeCst}
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsexpression/editor-rsexpression.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsexpression/editor-rsexpression.tsx
index e0881619..9b267eaf 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsexpression/editor-rsexpression.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsexpression/editor-rsexpression.tsx
@@ -155,7 +155,7 @@ export function EditorRSExpression({
   }
 
   return (
-    <div className='relative cc-fade-in'>
+    <div className='relative'>
       <ToolbarRSExpression
         className='absolute -top-2 right-0'
         showAST={handleShowAST}
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsform-card/editor-rsform-card.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsform-card/editor-rsform-card.tsx
index b88cbab5..fa051222 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsform-card/editor-rsform-card.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsform-card/editor-rsform-card.tsx
@@ -41,7 +41,7 @@ export function EditorRSFormCard() {
       />
 
       <div className='cc-column shrink'>
-        <FormRSForm />
+        <FormRSForm key={schema.id} />
         <EditorLibraryItem schema={schema} isAttachedToOSS={isAttachedToOSS} />
       </div>
 
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/tg-flow.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/tg-flow.tsx
index 17a2a83b..86de93ec 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/tg-flow.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/tg-flow.tsx
@@ -164,7 +164,7 @@ export function TGFlow() {
   }
 
   return (
-    <div className='cc-fade-in relative' tabIndex={-1} onKeyDown={handleKeyDown}>
+    <div className='relative' tabIndex={-1} onKeyDown={handleKeyDown}>
       <div className='cc-tab-tools flex flex-col items-center rounded-b-2xl backdrop-blur-xs'>
         <ToolbarTermGraph />
         <ToolbarFocusedCst />