How to change default dropdown placeholder in adminjs

466 Views Asked by At

I created a drop down list. It works fine, but I'm having trouble translating the "Select..." and "No options" placeholders. The photos show what I mean.

There is an example of creating this drop-down list:

Student entity:

    @Column({ type: 'varchar' })
  studyStatus!: string; 

StudyStatusEnum

enum StudyStatusEnum {
studying = 'studying',
completed = 'completed studies',
academic = 'academic leave',
deducted = 'deducted',

}

export default StudyStatusEnum;

admin-panel/student/translations

    export default {
  [StudyStatusEnum.academic]: 'MyTranslatedText',
  [StudyStatusEnum.completed]: 'MyTranslatedText1',
  [StudyStatusEnum.deducted]: 'MyTranslatedText2',
  [StudyStatusEnum.studying]: 'MyTranslatedText3',
};

admin-panel/student/utils

    const getStudentStudyStatus = (): IAvailableValues[] => {
  return Object.values(StudyStatusEnum).map((value) => {
    const label = studentStudyStatusTranslation[value as StudyStatusEnum];
    
    return { label, value };
  });
};

export default getStudentStudyStatus;

student.constants

 const FIELDS = {
  STUDY_STATUS: 'studyStatus',
};

export default Object.freeze({
  FIELDS,

  LIST_PROPERTIES: [
    FIELDS.STUDY_STATUS,  ],
  SHOW_PROPERTIES: [],
  EDIT_PROPERTIES: [],
  FILTER_PROPERTIES: [],
});

student.resource

    export default () => ({
  resource: StudentEntity,
  options: {
    navigation: { icon: 'Education' },
    
    properties: {

      [StudentConstants.FIELDS.STUDY_STATUS]: {
        availableValues: studyStatus,
      },
    },

    listProperties: StudentConstants.LIST_PROPERTIES,
  },
} as ResourceWithOptions);

No options

"Select..."

0

There are 0 best solutions below