From 688337f7782846147cda677a9759ffa176f016fc Mon Sep 17 00:00:00 2001
From: primakov <primakovpro@gmail.com>
Date: Thu, 3 Apr 2025 23:16:27 +0300
Subject: [PATCH] fix add student

---
 src/components/lesson/StudentCard.tsx     |  3 +--
 src/components/lesson/StudentCardBack.tsx |  8 ++++++-
 src/components/lesson/sstyle.ts           | 29 +++++++++++++++++++++++
 src/components/user-card/style.ts         | 28 ----------------------
 src/components/user-card/user-card.tsx    |  9 +------
 5 files changed, 38 insertions(+), 39 deletions(-)
 create mode 100644 src/components/lesson/sstyle.ts

diff --git a/src/components/lesson/StudentCard.tsx b/src/components/lesson/StudentCard.tsx
index 496a6d2..bc147a1 100644
--- a/src/components/lesson/StudentCard.tsx
+++ b/src/components/lesson/StudentCard.tsx
@@ -159,7 +159,6 @@ export const StudentCard: React.FC<StudentCardProps> = ({
             student={student}
             present={student.present}
             recentlyPresent={student.recentlyPresent}
-            onAddUser={onAddUser}
             reaction={reaction}
           />
           
@@ -168,7 +167,7 @@ export const StudentCard: React.FC<StudentCardProps> = ({
         </Box>
         
         {/* Back side */}
-        <StudentCardBack student={student} />
+        <StudentCardBack onAddUser={onAddUser} student={student} />
       </Box>
     </motion.li>
   )
diff --git a/src/components/lesson/StudentCardBack.tsx b/src/components/lesson/StudentCardBack.tsx
index d8635b7..aef849e 100644
--- a/src/components/lesson/StudentCardBack.tsx
+++ b/src/components/lesson/StudentCardBack.tsx
@@ -2,12 +2,15 @@ import React from 'react'
 import { Box, Flex, useColorMode } from '@chakra-ui/react'
 import { useTranslation } from 'react-i18next'
 import { User } from '../../__data__/model'
+import { AddMissedButton } from './sstyle'
+import { AddIcon } from '@chakra-ui/icons'
 
 interface StudentCardBackProps {
   student: User & { present?: boolean; recentlyPresent?: boolean }
+  onAddUser?: (user: User) => void
 }
 
-export const StudentCardBack: React.FC<StudentCardBackProps> = ({ student }) => {
+export const StudentCardBack: React.FC<StudentCardBackProps> = ({ student, onAddUser }) => {
   const { colorMode } = useColorMode()
   const { t } = useTranslation()
   
@@ -165,6 +168,9 @@ export const StudentCardBack: React.FC<StudentCardBackProps> = ({ student }) =>
         aspectRatio: "1"
       }}
     >
+        <AddMissedButton onClick={() => onAddUser(student)} aria-label={t('journal.pl.common.add')}>
+          <AddIcon boxSize={3} />
+        </AddMissedButton>
       <Box 
         position="absolute"
         top="0"
diff --git a/src/components/lesson/sstyle.ts b/src/components/lesson/sstyle.ts
new file mode 100644
index 0000000..3bd114d
--- /dev/null
+++ b/src/components/lesson/sstyle.ts
@@ -0,0 +1,29 @@
+import styled from '@emotion/styled'
+
+export const AddMissedButton = styled.button`
+  position: absolute;
+  bottom: 8px;
+  right: 8px;
+  border: none;
+  background-color: var(--chakra-colors-blue-500);
+  color: white;
+  width: 26px;
+  height: 26px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
+  opacity: 0.8;
+  transition: opacity 0.3s ease, transform 0.3s ease;
+
+  &:hover {
+    cursor: pointer;
+    opacity: 1;
+    transform: scale(1.1);
+  }
+  
+  .chakra-ui-dark & {
+    background-color: var(--chakra-colors-blue-400);
+  }
+`
\ No newline at end of file
diff --git a/src/components/user-card/style.ts b/src/components/user-card/style.ts
index 4718cca..49d2219 100644
--- a/src/components/user-card/style.ts
+++ b/src/components/user-card/style.ts
@@ -113,31 +113,3 @@ export const Wrapper = styled.div<{ warn?: boolean; width?: string | number; pos
         `
       : ''}
 `
-
-export const AddMissedButton = styled.button`
-  position: absolute;
-  bottom: 8px;
-  right: 8px;
-  border: none;
-  background-color: var(--chakra-colors-blue-500);
-  color: white;
-  width: 26px;
-  height: 26px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 2;
-  opacity: 0.8;
-  transition: opacity 0.3s ease, transform 0.3s ease;
-
-  &:hover {
-    cursor: pointer;
-    opacity: 1;
-    transform: scale(1.1);
-  }
-  
-  .chakra-ui-dark & {
-    background-color: var(--chakra-colors-blue-400);
-  }
-`
\ No newline at end of file
diff --git a/src/components/user-card/user-card.tsx b/src/components/user-card/user-card.tsx
index 25ed2e2..1b7c1cb 100644
--- a/src/components/user-card/user-card.tsx
+++ b/src/components/user-card/user-card.tsx
@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next'
 
 import { Reaction, User } from '../../__data__/model'
 
-import { AddMissedButton, Avatar, Wrapper, NameOverlay } from './style'
+import { Avatar, Wrapper, NameOverlay } from './style'
 
 // Map of reaction types to emojis
 const REACTION_EMOJIS = {
@@ -30,7 +30,6 @@ export function getGravatarURL(email) {
 export const UserCard = ({
   student,
   present,
-  onAddUser = undefined,
   wrapperAS = 'div',
   width,
   recentlyPresent = false,
@@ -39,7 +38,6 @@ export const UserCard = ({
   student: User
   present: boolean
   width?: string | number
-  onAddUser?: (user: User) => void
   wrapperAS?: React.ElementType<any, keyof React.JSX.IntrinsicElements>
   recentlyPresent?: boolean
   reaction?: Reaction
@@ -100,11 +98,6 @@ export const UserCard = ({
           </Box>
         )}
       </NameOverlay>
-      {onAddUser && !present && (
-        <AddMissedButton onClick={() => onAddUser(student)} aria-label={t('journal.pl.common.add')}>
-          <AddIcon boxSize={3} />
-        </AddMissedButton>
-      )}
       
       {/* Анимация реакции */}
       <AnimatePresence>