fix: main image props

Author: calpa

src/components/MainImage/index.stories.tsx

@@ -12,4 +12,5 @@ export const Default = Template.bind({});
 
 Default.args = {
   backgroundImage: `https://images.unsplash.com/photo-1613487957484-32c977a8bd62?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1400&h=640&q=80`,
+  string: `秋葉原`,
 };

src/components/MainImage/index.tsx

@@ -3,10 +3,11 @@ import { useStyles } from "./makeStyles";
 
 type MainImageProps = {
   backgroundImage: string;
+  name: string;
 };
 
 function MainImage(props: MainImageProps) {
-  const { backgroundImage } = props;
+  const { backgroundImage, name } = props;
 
   const { classes, cx } = useStyles({
     backgroundImage,
@@ -20,7 +21,7 @@ function MainImage(props: MainImageProps) {
       </div>
       <div className={cx(classes.mainCopy)}>
         <Typography variant="h1" className={cx(classes.text)}>
-          秋葉原
+          {name}
         </Typography>
       </div>
     </div>