diff --git a/src/ui_ng/lib/src/shared/shared.const.ts b/src/ui_ng/lib/src/shared/shared.const.ts
index 597bcd122..135ea3490 100644
--- a/src/ui_ng/lib/src/shared/shared.const.ts
+++ b/src/ui_ng/lib/src/shared/shared.const.ts
@@ -11,12 +11,13 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export const supportedLangs = ['en-us', 'zh-cn', 'es-es'];
+export const supportedLangs = ['en-us', 'zh-cn', 'es-es', 'fr-fr'];
 export const enLang = "en-us";
 export const languageNames = {
   "en-us": "English",
   "zh-cn": "中文简体",
-  "es-es": "Español"
+  "es-es": "Español",
+  "fr-fr": "Français"
 };
 export const enum AlertType {
   DANGER, WARNING, INFO, SUCCESS
diff --git a/src/ui_ng/lib/src/utils.ts b/src/ui_ng/lib/src/utils.ts
index 6da376275..8c592e0af 100644
--- a/src/ui_ng/lib/src/utils.ts
+++ b/src/ui_ng/lib/src/utils.ts
@@ -34,7 +34,7 @@ export const DEFAULT_LANG_COOKIE_KEY = 'harbor-lang';
 /**
  * Declare what languages are supported now.
  */
-export const DEFAULT_SUPPORTING_LANGS = ['en-us', 'zh-cn', 'es-es'];
+export const DEFAULT_SUPPORTING_LANGS = ['en-us', 'zh-cn', 'es-es', 'fr-fr'];
 
 /**
  * The default language.
@@ -184,7 +184,7 @@ export function doFiltering<T extends { [key: string]: any | any[] }>(items: T[]
                 let arr = filter['property'].split('.');
                 if (Array.isArray(item[arr[0]]) && item[arr[0]].length) {
                      return item[arr[0]].some((data: any) => {
-                         return regexpFilter(filter['value'], data[arr[1]]);
+                         return filter['value'] === data[arr[1]];
                     });
                 }
             }else {