import id's from sheet (#1516)

* import id's from sheet

* fix test

* fix test in utils

* remove comment

* ensure uri safe ids

apps/client/src/features/app-settings/panel/sources-panel/import-map/importMapUtils.ts

@@ -20,6 +20,7 @@ export const namedImportMap = {
   'Timer type': 'timer type',
   'Time warning': 'warning time',
   'Time danger': 'danger time',
+  ID: 'id',
   custom: [] as ImportCustom[],
 };
 
@@ -58,6 +59,7 @@ export function convertToImportMap(namedImportMap: NamedImportMap): ImportMap {
     timeWarning: namedImportMap['Time warning'],
     timeDanger: namedImportMap['Time danger'],
     custom,
+    entryId: namedImportMap.ID,
   };
 }
 

apps/client/src/features/app-settings/panel/sources-panel/preview/PreviewRundown.tsx

@@ -49,6 +49,7 @@ export default function PreviewRundown(props: PreviewRundownProps) {
           {fieldLabels.map((label) => (
             <th key={label}>{label}</th>
           ))}
+          <th>ID</th>
         </tr>
       </thead>
       <tbody>
@@ -113,6 +114,9 @@ export default function PreviewRundown(props: PreviewRundownProps) {
                     }
                     return <td key={field}>{value}</td>;
                   })}
+                <td className={style.center}>
+                  <Tag>{event.id}</Tag>
+                </td>
               </tr>
               {event.note && (
                 <tr>