From 67bbbae22cd90850bb33add7f0d1ad04e9e46955 Mon Sep 17 00:00:00 2001
From: MrOrz <johnsonliang7@gmail.com>
Date: Sun, 21 Jul 2024 19:14:45 +0800
Subject: [PATCH] fix(components): update snapshot due to css-in-js id change

---
 components/Hyperlinks.js                               |  2 +-
 components/Infos/__snapshots__/Infos.stories.storyshot | 10 +++++-----
 .../__snapshots__/ActionButton.stories.storyshot       |  8 ++++----
 components/__snapshots__/Hyperlinks.stories.storyshot  | 10 +++++-----
 4 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/components/Hyperlinks.js b/components/Hyperlinks.js
index 6574d051..021d2b74 100644
--- a/components/Hyperlinks.js
+++ b/components/Hyperlinks.js
@@ -204,7 +204,7 @@ function Hyperlinks({ hyperlinks, pollingType, pollingId, rel }) {
   if (hyperlinks && hyperlinks.length === 0) return null;
 
   let className = `${classes.root}`;
-  if (hyperlinks.length > 1) {
+  if (hyperlinks && hyperlinks.length > 1) {
     className += ` ${classes.multilink}`;
   }
   return (
diff --git a/components/Infos/__snapshots__/Infos.stories.storyshot b/components/Infos/__snapshots__/Infos.stories.storyshot
index 62e56050..c8c48504 100644
--- a/components/Infos/__snapshots__/Infos.stories.storyshot
+++ b/components/Infos/__snapshots__/Infos.stories.storyshot
@@ -93,10 +93,10 @@ exports[`Storyshots Infos With Reply Count Info 1`] = `
         arrow={true}
         title={
           <div
-            className="makeStyles-opinions-157"
+            className="makeStyles-opinions-174"
           >
             <span
-              className="makeStyles-opinion-158"
+              className="makeStyles-opinion-175"
             >
               <NOT_ARTICLE
                 fontSize="inherit"
@@ -106,7 +106,7 @@ exports[`Storyshots Infos With Reply Count Info 1`] = `
               </span>
             </span>
             <span
-              className="makeStyles-opinion-158"
+              className="makeStyles-opinion-175"
             >
               <OPINIONATED
                 fontSize="inherit"
@@ -116,7 +116,7 @@ exports[`Storyshots Infos With Reply Count Info 1`] = `
               </span>
             </span>
             <span
-              className="makeStyles-opinion-158"
+              className="makeStyles-opinion-175"
             >
               <NOT_RUMOR
                 fontSize="inherit"
@@ -126,7 +126,7 @@ exports[`Storyshots Infos With Reply Count Info 1`] = `
               </span>
             </span>
             <span
-              className="makeStyles-opinion-158"
+              className="makeStyles-opinion-175"
             >
               <RUMOR
                 fontSize="inherit"
diff --git a/components/ReportPage/__snapshots__/ActionButton.stories.storyshot b/components/ReportPage/__snapshots__/ActionButton.stories.storyshot
index bbb04341..365fc696 100644
--- a/components/ReportPage/__snapshots__/ActionButton.stories.storyshot
+++ b/components/ReportPage/__snapshots__/ActionButton.stories.storyshot
@@ -9,7 +9,7 @@ exports[`Storyshots ReportPage/ActionButton Default 1`] = `
   }
 >
   <button
-    className="MuiButtonBase-root-302 MuiButton-root-275 MuiButton-outlined-280 makeStyles-button"
+    className="MuiButtonBase-root-319 MuiButton-root-292 MuiButton-outlined-297 makeStyles-button"
     disabled={false}
     onBlur={[Function]}
     onDragLeave={[Function]}
@@ -31,13 +31,13 @@ exports[`Storyshots ReportPage/ActionButton Default 1`] = `
     type="button"
   >
     <span
-      className="MuiButton-label-276"
+      className="MuiButton-label-293"
     >
       Action button text
       <Arrow>
         <svg
           aria-hidden={true}
-          className="MuiSvgIcon-root-303"
+          className="MuiSvgIcon-root-320"
           focusable="false"
           viewBox="0 0 14 27"
         >
@@ -51,7 +51,7 @@ exports[`Storyshots ReportPage/ActionButton Default 1`] = `
       </Arrow>
     </span>
     <span
-      className="MuiTouchRipple-root-312"
+      className="MuiTouchRipple-root-329"
     >
       <TransitionGroup
         childFactory={[Function]}
diff --git a/components/__snapshots__/Hyperlinks.stories.storyshot b/components/__snapshots__/Hyperlinks.stories.storyshot
index 960e2466..921c7863 100644
--- a/components/__snapshots__/Hyperlinks.stories.storyshot
+++ b/components/__snapshots__/Hyperlinks.stories.storyshot
@@ -31,7 +31,7 @@ exports[`Storyshots Hyperlinks All Variants 1`] = `
     }
   >
     <section
-      className="MuiBox-root MuiBox-root"
+      className="MuiBox-root MuiBox-root makeStyles-root makeStyles-multilink"
     >
       <Hyperlink
         hyperlink={
@@ -44,7 +44,7 @@ exports[`Storyshots Hyperlinks All Variants 1`] = `
         key="0"
       >
         <article
-          className="makeStyles-root"
+          className="makeStyles-linkcard"
         >
           <h1
             title="Lorum Ipsum - Demo Site"
@@ -98,7 +98,7 @@ exports[`Storyshots Hyperlinks All Variants 1`] = `
         key="1"
       >
         <article
-          className="makeStyles-root"
+          className="makeStyles-linkcard"
         >
           <h1
             title="This site has image"
@@ -153,7 +153,7 @@ exports[`Storyshots Hyperlinks All Variants 1`] = `
         key="2"
       >
         <article
-          className="makeStyles-root"
+          className="makeStyles-linkcard"
         >
           <h1 />
           <div
@@ -220,7 +220,7 @@ exports[`Storyshots Hyperlinks Polling 1`] = `
     pollingType="articles"
   >
     <section
-      className="MuiBox-root MuiBox-root"
+      className="MuiBox-root MuiBox-root makeStyles-root"
     >
       <PollingHyperlink
         pollingId="foo"