Fix PR #346 comments (#367)

* feat(MatchDetail): improve error message

* feat(MatchDetail): link branch hours in StandMatch

src/components/info/BranchInfo.tsx

@@ -66,8 +66,8 @@ const BranchInfo = ({
       )}
       {openingHours.length === 0 && (
         <>
-          <Alert severity="info" data-testid="noHours">
-            Sesongen er over - eller åpningstidene er ikke klare enda. Du kan
+          <Alert severity="info" data-testid="noHours" sx={{ my: 4 }}>
+            Sesongen er over – eller åpningstidene er ikke klare enda. Du kan
             bestille bøker i Posten, eller kontakte oss for spørsmål.
           </Alert>
           <ContactInfo />

src/components/matches/MatchDetail.tsx

@@ -30,7 +30,12 @@ const MatchDetail = ({ matchId }: { matchId: string }) => {
   );
 
   if (tokenError || matchesError) {
-    return <Alert severity="error">En feil har oppstått.</Alert>;
+    return (
+      <Alert severity="error">
+        En feil har oppstått. Ta kontakt med info@boklisten.no dersom problemet
+        vedvarer.
+      </Alert>
+    );
   }
 
   const match = matches?.find((match) => match.id === matchId);

src/components/matches/MeetingInfo.tsx

@@ -4,6 +4,7 @@ import { formatDatetime } from "./matchesList/helper";
 import React from "react";
 import PlaceIcon from "@mui/icons-material/Place";
 import { MatchWithDetails } from "@boklisten/bl-model";
+import DynamicLink from "../DynamicLink";
 
 const MeetingInfo = ({ match }: { match: MatchWithDetails }) => {
   const meetingTime = match.meetingInfo.date;
@@ -25,7 +26,16 @@ const MeetingInfo = ({ match }: { match: MatchWithDetails }) => {
               {formatDatetime(new Date(meetingTime))}
             </Typography>
           </>
-        )) || <>Du kan møte opp når som helst i skolens åpningstider</>}
+        )) || (
+          <>
+            <Typography sx={{ whiteSpace: "pre" }}>
+              Du kan møte opp når som helst i{" "}
+              <DynamicLink variant="body1" href="/info/branch/select">
+                skolens åpningstider
+              </DynamicLink>
+            </Typography>
+          </>
+        )}
       </Box>
     </Box>
   );

src/components/matches/UserMatchDetail.tsx

@@ -54,7 +54,7 @@ const UserMatchDetail = ({
       )}
       {fulfilledItems.length !== otherPersonFulfilledItems.length &&
         isSender && (
-          <Alert severity={"warning"} sx={{ mt: "1rem" }}>
+          <Alert severity={"warning"} sx={{ marginBottom: "1rem" }}>
             Noen av bøkene du har levert har vært på andres vegne. Ta kontakt
             med stand for mer informasjon.
           </Alert>