u

src/components/brand/ArtikelMarke.jsx

@@ -5,6 +5,7 @@ import ListItem from '@mui/material/ListItem';
 import DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';
 import ImageSearchIcon from '@mui/icons-material/ImageSearch';
 import SingleLineTextEdit from 'dashgui/SingleLineTextEdit';
+import Typography from '@mui/material/Typography';
 import { enqueueSnackbar } from 'notistack';
 import brandAutomat from '../../automats/brandAutomat';
 import { notifyError } from '../../utils/notify';
@@ -128,7 +129,7 @@ class ArtikelMarke extends PureComponent {
                 '&:hover': disabled ? undefined : { opacity: 0.8 },
               }}
             >
-              <BrandThumb brand={brand}/>
+              <BrandThumb brand={brand} />
             </Box>
           ) : (
             <IconButton
@@ -141,7 +142,8 @@ class ArtikelMarke extends PureComponent {
             </IconButton>
           )}
 
-          <SingleLineTextEdit
+
+          {true ? (<SingleLineTextEdit
             size="small"
             label=""
             value={draft}
@@ -151,6 +153,7 @@ class ArtikelMarke extends PureComponent {
             onKeyDown={this.handleKeyDown}
             sx={{ flex: 1, minWidth: 0 }}
           />
+          ) : (<Typography sx={{ flex: 1, px: 1.6, py: 0.9, borderRadius: 1, border: '1px solid rgba(0, 0, 0, 0.23)' }}>{draft}</Typography>)}
 
           <IconButton
             aria-label={`„${name}" löschen`}