format notes

client/src/components/offer.group.tsx

@@ -58,12 +58,16 @@ function OfferPriceBtn(offer) {
 export default function OfferGroup(group, i) {
     const ws = useSelector((state: State) => state.ws);
 
+    const format = group.details.formats[0].text ? `${group.details.formats[0].text} - ` : '';
+    const descriptions = group.details.formats.map(f => f.descriptions.join(' ')).join(' ')
+    const detailText = `${format} ${descriptions}`;
+
     return (
         <div class="offer" key={i}>
             <section>
                 <h3>{group.details.artists_sort} - {group.details.title} <a href={group.details.uri} target="_blank"><ExternalLink /></a></h3>
                 <div class='alt-text details'>
-                    {group.details.year} - {group.details.formats.map(f => f.descriptions.join(' ')).join(' ')}
+                    {group.details.year} - {detailText}
                 </div>
                 <div class='alt-text details'>Status: {group.status}</div>
             </section>