edit rent page

src/views/RentPage/RentPageView.tsx

@@ -2,10 +2,12 @@ import React from "react";
 import { TextSection, Link } from "@components/index";
 
 const RentPageView: React.FC = () => (
+  <>
   <TextSection>
     <h1>Vuokraa tavaroita</h1>
     <div>
-      <p>Kilta vuokraa erilaisia laittteita ja varusteita korvausta vastaan. Alla luettelo ja hinnasto vuokrattavista tavaroista:</p>
+      <p>Kilta vuokraa erilaisia laittteita ja varusteita korvausta vastaan. Tältä sivulta löydät hinnaston ja varauskalenterin vuokrattaville tavaroille.</p>
+      <p>Vuokrattavien hinnasto:</p>
       <ul>
         <li>Mökämasiina <a href="https://static.sahkoinsinoorikilta.fi/img/equipment/mokamasiina.jpg">kuva</a> 50€</li>
         <li>SIK-Teltta <a href="https://sik.kuvat.fi/kuvat/2021/Varaslähtö/Varaslähtö-Suvi-Karanta-16.jpg">kuva</a> 50 €/päivä</li>
@@ -24,9 +26,10 @@ const RentPageView: React.FC = () => (
       </ul>
       <p>Tiedustelut ja varaukset osoitteesta <a href="mailto:hallitus@sahkoinsinoorikilta.fi">hallitus@sahkoinsinoorikilta.fi</a></p>
       <p>Varauskalenteri:</p>
-      <iframe src="https://calendar.google.com/calendar/embed?src=c_5774a3395a59ebaa0735e55e156b0aedca2755b9b53b85acc44b5d6e4bc1f331%40group.calendar.google.com&ctz=Europe%2FHelsinki" width="800" height="600" title="rent_calendar" />
+      <iframe src="https://calendar.google.com/calendar/embed?src=c_5774a3395a59ebaa0735e55e156b0aedca2755b9b53b85acc44b5d6e4bc1f331%40group.calendar.google.com&ctz=Europe%2FHelsinki" width="100%" height="500" title="rent_calendar" />
     </div>
   </TextSection>
+  </>
 );
 
 export default RentPageView;