dev day #65

frontend/src/pages/admin/AdminActivitiesPage.tsx

@@ -49,6 +49,7 @@ import { api } from '../../services/api';
 // Removed react-datepicker to prevent crash; using native date/time inputs instead
 import { getPublicSettings } from '../../services/settings';
 import PollLinker from '../../components/admin/PollLinker';
+import FilePreview from '../../components/common/FilePreview';
 import { facrApi } from '../../services/facr/facrApi';
 import { getCompetitionAliasesPublic } from '../../services/competitionAliases';
 import MapLinkImporter from '../../components/admin/MapLinkImporter';
@@ -885,10 +886,27 @@ const AdminActivitiesPage: React.FC = () => {
                         <Tbody>
                           {((editing as any).attachments as any[]).map((att: any, idx: number) => (
                             <Tr key={idx}>
-                              <Td>{att.name || att.url}</Td>
-                              <Td>{typeof att.size === 'number' ? `${Math.round(att.size/1024)} kB` : '-'}</Td>
-                              <Td>
-                                <Button size="xs" variant="outline" onClick={() => setEditing(prev => ({ ...(prev as any), attachments: ((prev as any).attachments || []).filter((_: any, i: number) => i !== idx) }))}>Odebrat</Button>
+                              <Td colSpan={3} p={2}>
+                                <HStack justify="space-between" w="full">
+                                  <Box flex={1}>
+                                    <FilePreview 
+                                      url={att.url}
+                                      name={att.name}
+                                      mimeType={att.mime_type}
+                                      size={att.size}
+                                    />
+                                  </Box>
+                                  <Button 
+                                    size="xs" 
+                                    variant="outline" 
+                                    colorScheme="red"
+                                    flexShrink={0}
+                                    ml={2}
+                                    onClick={() => setEditing(prev => ({ ...(prev as any), attachments: ((prev as any).attachments || []).filter((_: any, i: number) => i !== idx) }))}
+                                  >
+                                    Odebrat
+                                  </Button>
+                                </HStack>
                               </Td>
                             </Tr>
                           ))}
@@ -901,8 +919,19 @@ const AdminActivitiesPage: React.FC = () => {
                 </FormControl>
               </HStack>
 
-              {/* Poll Linker */}
-              {editing?.id && <PollLinker eventId={editing.id} />}
+              {/* Poll Section */}
+              <Box mt={6} pt={4} borderTopWidth="1px" borderColor={borderColor}>
+                <Heading size="sm" mb={3}>Anketa</Heading>
+                {editing?.id ? (
+                  <PollLinker eventId={editing.id} />
+                ) : (
+                  <Box bg={useColorModeValue('blue.50', 'blue.900')} p={4} borderRadius="md" borderWidth="1px" borderColor="blue.200">
+                    <Text fontSize="sm" color={useColorModeValue('blue.700', 'blue.200')}>
+                      💡 Nejprve uložte aktivitu, poté budete moci vytvořit nebo připojit anketu přímo zde.
+                    </Text>
+                  </Box>
+                )}
+              </Box>
             </ModalBody>
             <ModalFooter>
               <HStack w="100%" justify="space-between">