add wordpress migration

web/src/components/venues/VenueInfo.tsx

@@ -27,7 +27,7 @@ export const VenueInfo = ({ venue }: { venue: VenueFragment }) => {
           </tr>
           <tr>
             <th>Bruk</th>
-            <td>TODO</td>
+            <td>{venue.usedFor}</td>
           </tr>
           <tr>
             <th>Bar</th>
@@ -47,10 +47,16 @@ export const VenueInfo = ({ venue }: { venue: VenueFragment }) => {
           </tr>
         </tbody>
       </table>
-      <a href="#" target="_blank" className="button secondary">
-        <span>Tekniske spesifikasjoner</span>
-        <Icon type="doc" />
-      </a>
+      {venue.techSpecsUrl && (
+        <a
+          href={venue.techSpecsUrl}
+          target="_blank"
+          className="button secondary"
+        >
+          <span>Tekniske spesifikasjoner</span>
+          <Icon type="doc" />
+        </a>
+      )}
     </div>
   );
 };

web/src/components/venues/VenueItem.tsx

@@ -6,6 +6,17 @@ import { Image } from "@/components/general/Image";
 export const VenueItem = ({ venue }: { venue: VenueFragment }) => {
   const featuredImage: any = venue.featuredImage;
 
+  const { capacitySitting, capacityStanding, usedFor } = venue;
+  let capacity = null;
+  if (
+    !isNaN(capacitySitting) &&
+    capacitySitting &&
+    !isNaN(capacityStanding) &&
+    capacityStanding
+  ) {
+    capacity = `${capacitySitting}—${capacityStanding}`;
+  }
+
   return (
     <li className={`${styles.venueItem} linkItem`}>
       <div className={styles.image}>
@@ -21,13 +32,15 @@ export const VenueItem = ({ venue }: { venue: VenueFragment }) => {
       </div>
       <div className={styles.text}>
         <h1 className={styles.title}>{venue.title}</h1>
-        <div className={styles.details}>
-          <strong>Passer for:</strong>
-          <ul>
-            <li>50—115 personer</li>
-            <li>Konsert, foredrag, fest, debatt, teater, filmvisning</li>
-          </ul>
-        </div>
+        {(capacity || usedFor) && (
+          <div className={styles.details}>
+            <strong>Passer for:</strong>
+            <ul>
+              {capacity && <li>{capacity} personer</li>}
+              {usedFor && <li>{usedFor}</li>}
+            </ul>
+          </div>
+        )}
       </div>
       <Link href={`/lokaler/${venue.slug}`} className="hiddenLink">
         Mer om lokalet {venue.title}