Squashed commit of the following:

commit 1dbb8bb Author: Michaela Lehr <[email protected]> Date: Fri Aug 5 14:51:04 2022 +0200 #210 add instagram to form and podcasterinnen page, bump version
podcasterinnen · Sep 6, 2022 · c88a3d4 · c88a3d4
1 parent 75bbcb2
commit c88a3d4
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chosen-client",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "private": true,
   "homepage": "https://podcasterinnen.org",
   "dependencies": {

diff --git a/src/components/ProfileForm/ProfileForm.css b/src/components/ProfileForm/ProfileForm.css
@@ -97,6 +97,13 @@
   height: 52px;
 }
 
+.profile-form__instagram-input[type="text"] {
+  vertical-align: top;
+
+  display: inline-block;
+  width: calc(100% - 52px);
+}
+
 .profile-form__twitter-input[type="text"] {
   vertical-align: top;
 

diff --git a/src/components/ProfileForm/ProfileForm.js b/src/components/ProfileForm/ProfileForm.js
@@ -479,6 +479,16 @@ class ProfileForm extends Component {
                 value={profile.twitter_url || ''}
               />
             </div>
+            <div>
+              <label>Instagram-Account</label>
+              <input 
+                className="profile-form__instagram-input"
+                onChange={(e) => handleChange(e, 'instagram_url')}
+                placeholder="https://www.instagram.com/dein_instagram_account/" 
+                type="text"
+                value={profile.instagram_url || ''}
+              />
+            </div>
             <div>
               <label>Webseite</label>
               <input 

diff --git a/src/components/ProfilePage/ProfilePage.js b/src/components/ProfilePage/ProfilePage.js
@@ -151,6 +151,9 @@ class ProfilePage extends Component {
         { profile.twitter_url &&
         <p className="profile__info-text"><a href={`https://twitter.com/${profile.twitter_url}`} target="_blank">{profile.forename} auf Twitter</a></p>
         }
+        { profile.instagram_url &&
+        <p className="profile__info-text"><a href={profile.instagram_url} target="_blank">{profile.forename} auf Instagram</a></p>
+        }
         { profile.website_url &&
         <p className="profile__info-text"><a href={profile.website_url} target="_blank">{profile.forename}s Webseite</a></p>
         }