fix (profile/partner section): Modify the items related to areas and …

components/Partner/PartnerList/PartnerCard/index.jsx

@@ -2,7 +2,7 @@ import { Box } from '@mui/material';
 import {
   WANT_TO_DO_WITH_PARTNER,
   ROLE,
-  EDUCATION_STEP,
+  EDUCATION_STAGE,
 } from '@/constants/member';
 import moment from 'moment';
 import { mapToTable } from '@/utils/helper';
@@ -25,7 +25,7 @@ import {
 
 const WANT_TO_DO_WITH_PARTNER_TABLE = mapToTable(WANT_TO_DO_WITH_PARTNER);
 const ROLELIST = mapToTable(ROLE);
-const EDUCATION_STEP_TABLE = mapToTable(EDUCATION_STEP);
+const EDUCATION_STAGE_TABLE = mapToTable(EDUCATION_STAGE);
 
 function PartnerCard({
   image,
@@ -43,7 +43,7 @@ function PartnerCard({
     .join('、');
 
   const role = roleList.length > 0 && ROLELIST[roleList[0]];
-  const edu = educationStage && EDUCATION_STEP_TABLE[educationStage];
+  const edu = educationStage && EDUCATION_STAGE_TABLE[educationStage];
   const locations = location && location.split('@');
 
   return (
@@ -72,7 +72,10 @@ function PartnerCard({
                   <LocationOnOutlinedIcon sx={{ marginRight: '10px' }} />
                   {location
                     ? location.length >= 2
-                      ? locations.join('').replace('台灣', '')
+                      ? locations
+                          .join('')
+                          .replace('台灣', '')
+                          .replace('null', '')
                       : locations.join('')
                     : '-'}
                 </>

components/Partner/SearchField/SelectedAreas.jsx

@@ -1,5 +1,5 @@
 import Select from '@/shared/components/Select';
-import { AREAS } from '@/constants/areas';
+import { TAIWAN_DISTRICT } from '@/constants/areas';
 import useSearchParamsManager from '@/hooks/useSearchParamsManager';
 
 export default function SelectedAreas() {
@@ -10,6 +10,11 @@ export default function SelectedAreas() {
     pushState(QUERY_KEY, value.toString());
   };
 
+  const AREAS = TAIWAN_DISTRICT.map(({ name }) => ({
+    name,
+    label: name,
+  })).concat([{ name: '國外', label: '國外' }]);
+
   return (
     <Select
       multiple

components/Partner/SearchField/SelectedEducationStep.jsx

@@ -1,5 +1,5 @@
 import Select from '@/shared/components/Select';
-import { EDUCATION_STEP } from '@/constants/member';
+import { EDUCATION_STAGE } from '@/constants/member';
 import useSearchParamsManager from '@/hooks/useSearchParamsManager';
 
 export default function SelectedEducationStep() {
@@ -15,7 +15,7 @@ export default function SelectedEducationStep() {
       multiple
       value={getSearchParams(QUERY_KEY)}
       onChange={handleChange}
-      items={EDUCATION_STEP}
+      items={EDUCATION_STAGE}
       itemLabel="label"
       itemValue="label"
       renderValue={(selected) =>

components/Partner/index.jsx

@@ -2,7 +2,7 @@ import { useEffect, useMemo } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import { Box, Button } from '@mui/material';
 import useMediaQuery from '@mui/material/useMediaQuery';
-import { AREAS } from '@/constants/areas';
+import { TAIWAN_DISTRICT } from '@/constants/areas';
 import { fetchPartners } from '@/redux/actions/partners';
 import { EDUCATION_STEP, ROLE } from '@/constants/member';
 import { SEARCH_TAGS } from '@/constants/category';
@@ -36,6 +36,11 @@ const createObjFromArrary = (arr, keyProp = 'label', valueProp = 'label') => {
   );
 };
 
+const AREAS = TAIWAN_DISTRICT.map(({ name }) => ({
+  name,
+  label: name,
+})).concat([{ name: '國外', label: '國外' }]);
+
 // constants
 const keySelections = {
   area: _map(AREAS, 'name'),

components/Profile/Edit/index.jsx

@@ -3,8 +3,7 @@ import toast from 'react-hot-toast';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useRouter } from 'next/router';
 import { useSelector } from 'react-redux';
-import { TAIWAN_DISTRICT } from '@/constants/areas';
-import COUNTIES from '@/constants/countries.json';
+import { TAIWAN_DISTRICT, COUNTRIES } from '@/constants/areas';
 
 import {
   GENDER,
@@ -245,9 +244,9 @@ function EditPage() {
                 <MenuItem disabled value="-1">
                   <em>請選擇居住地</em>
                 </MenuItem>
-                {COUNTIES.map(({ name, alpha2 }) => (
-                  <MenuItem key={alpha2} value={name}>
-                    {name}
+                {COUNTRIES.map(({ name, label }) => (
+                  <MenuItem key={name} value={name}>
+                    {label}
                   </MenuItem>
                 ))}
               </Select>

components/Profile/InputTags/index.jsx

@@ -38,7 +38,7 @@ const Tag = ({ label, onCancel }) => {
 
 const StyledTagsField = styled(TextField)`
   input {
-    padding-left: 0;
+    padding-left: ${({ hasData }) => (hasData ? '0' : '16px')};
   }
 `;
 
@@ -53,6 +53,7 @@ function InputTags({ value = [], change }) {
   };
   return (
     <StyledTagsField
+      hasData={value.length > 0}
       fullWidth="true"
       placeholder="搜尋或新增標籤"
       onKeyDown={keyDownHandle}

components/Profile/UserCard/index.jsx

@@ -194,6 +194,7 @@ function UserCard({
   updatedDate,
 }) {
   const router = useRouter();
+  const locations = location && location.split('@');
 
   return (
     <StyledProfileWrapper>
@@ -226,9 +227,9 @@ function UserCard({
           <StyledProfileLocation>
             <LocationOnOutlinedIcon sx={{ marginRight: '10px' }} />{' '}
             {location
-              ? location.split('@').length >= 2
-                ? location.split('@').join('').replace('台灣', '')
-                : location.split('@').join('')
+              ? location.length >= 2
+                ? locations.join('').replace('台灣', '').replace('null', '')
+                : locations.join('')
               : '-'}
           </StyledProfileLocation>
         </Box>

components/Profile/index.jsx

@@ -6,7 +6,7 @@ import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import {
   WANT_TO_DO_WITH_PARTNER,
   ROLE,
-  EDUCATION_STEP,
+  EDUCATION_STAGE,
 } from '@/constants/member';
 import { mapToTable } from '@/utils/helper';
 import SEOConfig from '@/shared/components/SEO';
@@ -29,7 +29,7 @@ const BottonBack = {
 };
 const WANT_TO_DO_WITH_PARTNER_TABLE = mapToTable(WANT_TO_DO_WITH_PARTNER);
 const ROLELIST = mapToTable(ROLE);
-const EDUCATION_STEP_TABLE = mapToTable(EDUCATION_STEP);
+const EDUCATION_STAGE_TABLE = mapToTable(EDUCATION_STAGE);
 
 const Profile = ({
   name,
@@ -51,7 +51,7 @@ const Profile = ({
 }) => {
   const router = useRouter();
   const role = roleList.length > 0 && ROLELIST[roleList[0]];
-  const edu = educationStage && EDUCATION_STEP_TABLE[educationStage];
+  const edu = educationStage && EDUCATION_STAGE_TABLE[educationStage];
   const wantTodo = wantToDoList
     .map((item) => WANT_TO_DO_WITH_PARTNER_TABLE[item])
     .join('、');

constants/areas.js

@@ -1643,3 +1643,8 @@ export const TAIWAN_DISTRICT = [
     name: '花蓮縣',
   },
 ];
+
+export const COUNTRIES = [
+  { name: '國外', label: '國外' },
+  { name: '台灣', label: '台灣' },
+];

constants/member.js

@@ -106,40 +106,9 @@ export const EDUCATION_STEP = [
   },
 ];
 
-export const EDUCATION_STAGE = [
-  {
-    label: '學齡前',
-    value: 'preschool',
-  },
-  {
-    label: '國小低年級',
-    value: 'elementary-junior',
-  },
-  {
-    label: '國小中年級',
-    value: 'elementary-middle',
-  },
-  {
-    label: '國小高年級',
-    value: 'elementary-senior',
-  },
-  {
-    label: '國中',
-    value: 'junior-high',
-  },
-  {
-    label: '高中',
-    value: 'high',
-  },
-  {
-    label: '大學',
-    value: 'university',
-  },
-  {
-    label: '大學以上',
-    value: 'other',
-  },
-];
+export const EDUCATION_STAGE = EDUCATION_STEP.filter(
+  (step) => step.key !== 'master' && step.key !== 'doctor',
+);
 
 export const WANT_TO_DO_WITH_PARTNER = [
   {