Minor fixes

- selected skills label
- social profiles label

Author: siddheshkothadi

Frontend/components/MyProfile.js

@@ -225,8 +225,12 @@ function MyProfile({route}) {
     const init = async () => {
       try {
         setIsSaving(true);
-        await getDBskills();
-        await getDBlanguages();
+        if (skillsList.length === 0) {
+          await getDBskills();
+        }
+        if (languageList.length === 0) {
+          await getDBlanguages();
+        }
         setIsSaving(false);
       } catch (e) {
         console.log(e);
@@ -430,7 +434,7 @@ function MyProfile({route}) {
         </View>
 
         {/* Social URLs */}
-        <NewSection name="Social URLs" />
+        <NewSection name="Social Profiles" />
         <SocialURL
           label="Twitter"
           value={twitterUrl}

Frontend/components/SkillSection.js

@@ -46,45 +46,62 @@ function SkillSection(props) {
           paddingStart: 4,
           marginTop: 12,
         }}>
-        {searchTerm.length > 0
-          ? getFilteredSkills().map((skill, index) => {
-              return (
-                <Chip
-                  key={skill.skill_id}
-                  onPress={() => {
-                    if (skills.some(s => s.skill_id === skill.skill_id)) {
-                      setSkills(
-                        skills.filter(s => s.skill_id !== skill.skill_id),
-                      );
-                    } else {
-                      setSkills(skills.concat(skill));
-                    }
-                  }}
-                  selected={skills.some(s => s.skill_id === skill.skill_id)}
-                  style={{
-                    marginEnd: 8,
-                    marginBottom: 8,
-                  }}>
-                  {skill.skill_name}
-                </Chip>
-              );
-            })
-          : skills.map((skill, index) => {
-              return (
-                <Chip
-                  key={index}
-                  onPress={() => {
-                    const newSkills = skills.filter(
-                      it => it.skill_id !== skill.skill_id,
+        {searchTerm.length > 0 ? (
+          getFilteredSkills().map((skill, index) => {
+            return (
+              <Chip
+                key={skill.skill_id}
+                onPress={() => {
+                  if (skills.some(s => s.skill_id === skill.skill_id)) {
+                    setSkills(
+                      skills.filter(s => s.skill_id !== skill.skill_id),
                     );
-                    setSkills(newSkills);
-                  }}
-                  style={{margin: 4}}
-                  icon="close-circle-outline">
-                  {skill.skill_name}
-                </Chip>
-              );
-            })}
+                  } else {
+                    setSkills(skills.concat(skill));
+                  }
+                }}
+                selected={skills.some(s => s.skill_id === skill.skill_id)}
+                style={{
+                  marginEnd: 8,
+                  marginBottom: 8,
+                }}>
+                {skill.skill_name}
+              </Chip>
+            );
+          })
+        ) : (
+          <View
+            style={{
+              width: '100%',
+            }}>
+            {skills.length > 0 && <NewSection name="Selected Skills" />}
+            <View
+              style={{
+                flexDirection: 'row',
+                flexWrap: 'wrap',
+                justifyContent: 'flex-start',
+                paddingStart: 4,
+                paddingBottom: 8,
+              }}>
+              {skills.map((skill, index) => {
+                return (
+                  <Chip
+                    key={index}
+                    onPress={() => {
+                      const newSkills = skills.filter(
+                        it => it.skill_id !== skill.skill_id,
+                      );
+                      setSkills(newSkills);
+                    }}
+                    style={{margin: 4}}
+                    icon="close-circle-outline">
+                    {skill.skill_name}
+                  </Chip>
+                );
+              })}
+            </View>
+          </View>
+        )}
       </View>
       {searchTerm.length === 0 &&
         skillList.map((domain, index) => (