BACKUP - old group document edit

/*import { ArrowLeftOutlined } from '@ant-design/icons';
import { pdf } from '@react-pdf/renderer';
import { Button, Card } from 'antd';
import React, { useEffect, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useDispatch, useSelector } from 'react-redux';
import { Link, useParams } from 'react-router-dom';
import withLoadStatus from '../../../components/common/withLoadStatus';
import DocumentExport from '../../../components/DocumentExport';
import DocumentForm from '../../../components/forms/DocumentForm';
import useExportToFiles from '../../../hooks/useExportToFiles';
import { getFiles } from '../../../store/file/fileActions';
import { selectFiles } from '../../../store/file/fileSlice';
import {
  getGroupDocuments,
  updateGroupDocument,
  getNotesForDocumentImport,
  getDocumentLocationDetails,
} from '../../../store/group/groupActions';
import { selectGroupDocuments, selectGroupNotes } from '../../../store/group/groupSlice';
import { selectUser } from '../../../store/user/userSlice';

const Edit = ({ isLoading }) => {
  const { assetId, documentId } = useParams();
  const { t } = useTranslation();
  const groupDocuments = useSelector(selectGroupDocuments);
  const currentUser = useSelector(selectUser);
  const groupNotes = useSelector(selectGroupNotes);
  const { exportDocument } = useExportToFiles(assetId);
  const files = useSelector(selectFiles);
  const dispatch = useDispatch();
  const [hasChanges, setHasChanges] = useState(false);
  const [locationDetails, setLocationDetails] = useState(null);

  useEffect(() => {
    dispatch(getFiles({ parentId: assetId, skipParams: true }));
    dispatch(getNotesForDocumentImport(assetId));
    dispatch(getGroupDocuments(assetId));

    const fetchLocationDetails = async () => {
      try {
        const response = await dispatch(getDocumentLocationDetails(assetId)).unwrap(); // Dohvaćanje detalja o lokaciji
        setLocationDetails(response.locationDetails || {}); // Čuvanje detalja o lokaciji
      } catch (error) {
        console.error('Greška prilikom preuzimanja lokacijskih detalja:', error);
        setLocationDetails({ name: 'Unknown Location', image_url: null }); // Fallback vrednost
      }
    };

    fetchLocationDetails();
  }, [assetId, dispatch]);

  const specificDocument = useMemo(() => {
    return groupDocuments.find((document) => document.id === parseInt(documentId));
  }, [groupDocuments, documentId]);

  const translations = {
    updatedBy: t('note.audit.updatedBy'),
  };

  const handleExportNote = async () => {
    const element = (
      <DocumentExport
        document={specificDocument}
        tenant={currentUser.tenant}
        translations={translations}
        locationDetails={locationDetails}
      />
    );
    const pdfBlob = await pdf(element).toBlob();

    const url = URL.createObjectURL(pdfBlob);
    window.open(url, '_blank');

    exportDocument(specificDocument, pdfBlob, files);
  };

  return (
    <Card
      title={
        <div className='flex items-center justify-between'>
          <div className='flex flex-row gap-3'>
            <Link to={-1}>
              <ArrowLeftOutlined />
            </Link>
            {t('document.edit.title')}
          </div>
          <Button
            type='primary'
            htmlType='button'
            loading={isLoading}
            onClick={handleExportNote}
            disabled={hasChanges}
          >
            {t('button.exportDocument')}
          </Button>
        </div>
      }
    >

      {locationDetails?.name && (
        <div style={{ marginBottom: '16px', color: '#6c757d', fontSize: '12px' }}>
          <p>{`${t('document.audit.location')}: ${locationDetails.name}`}</p>
          {locationDetails.image_url && (
            <img
              src={locationDetails.image_url}
              alt='Location'
              style={{ width: '100px', height: 'auto', marginTop: '8px' }}
            />
          )}
        </div>
      )}
      <DocumentForm
        parentId={assetId}
        contextId={documentId}
        document={specificDocument?.content}
        isEditing={true}
        updateAction={updateGroupDocument}
        contextNotes={groupNotes || []}
        getContextNotes={getNotesForDocumentImport}
        hasChanges={hasChanges}
        setHasChanges={setHasChanges}
        fetchDocuments={getGroupDocuments}
      />
    </Card>
  );
};

export default withLoadStatus(Edit); */