feat: add name property to share (#462)

* add name property to share

* refactor: run formatter

* tests: adapt system tests

* tests: adapt second system test

frontend/src/pages/account/shares.tsx

@@ -68,15 +68,12 @@ const MyShares = () => {
           <Table>
             <thead>
               <tr>
+                <th>
+                  <FormattedMessage id="account.shares.table.id" />
+                </th>
                 <th>
                   <FormattedMessage id="account.shares.table.name" />
                 </th>
-                <MediaQuery smallerThan="md" styles={{ display: "none" }}>
-                  <th>
-                    <FormattedMessage id="account.shares.table.description" />
-                  </th>
-                </MediaQuery>
-
                 <th>
                   <FormattedMessage id="account.shares.table.visitors" />
                 </th>
@@ -90,18 +87,7 @@ const MyShares = () => {
               {shares.map((share) => (
                 <tr key={share.id}>
                   <td>{share.id}</td>
-                  <MediaQuery smallerThan="sm" styles={{ display: "none" }}>
-                    <td
-                      style={{
-                        overflow: "hidden",
-                        textOverflow: "ellipsis",
-                        whiteSpace: "nowrap",
-                        maxWidth: "300px",
-                      }}
-                    >
-                      {share.description || ""}
-                    </td>
-                  </MediaQuery>
+                  <td>{share.name}</td>
                   <td>{share.views}</td>
                   <td>
                     {moment(share.expiration).unix() === 0

frontend/src/pages/share/[shareId]/index.tsx

@@ -91,13 +91,13 @@ const Share = ({ shareId }: { shareId: string }) => {
   return (
     <>
       <Meta
-        title={t("share.title", { shareId })}
+        title={t("share.title", { shareId: share?.name || shareId })}
         description={t("share.description")}
       />
 
       <Group position="apart" mb="lg">
         <Box style={{ maxWidth: "70%" }}>
-          <Title order={3}>{share?.id}</Title>
+          <Title order={3}>{share?.name || share?.id}</Title>
           <Text size="sm">{share?.description}</Text>
         </Box>
         {share?.files.length > 1 && <DownloadAllButton shareId={shareId} />}