diff --git a/frontend/src/view-file-image.js b/frontend/src/view-file-image.js
index d9329bd788..a46cab6df4 100644
--- a/frontend/src/view-file-image.js
+++ b/frontend/src/view-file-image.js
@@ -57,13 +57,13 @@ class ViewFileImage extends React.Component {
 
   toggleStar = () => {
     if (this.state.isStarred) {
-      seafileAPI.unStarFile(repoID, filePath).then((res) => {
+      seafileAPI.unStarItem(repoID, filePath).then((res) => {
         this.setState({
           isStarred: false
         });
       });
     } else {
-      seafileAPI.starFile(repoID, filePath).then((res) => {
+      seafileAPI.starItem(repoID, filePath).then((res) => {
         this.setState({
           isStarred: true
         });
diff --git a/frontend/src/view-file-text.js b/frontend/src/view-file-text.js
index 0a6ea363ed..3adc89c473 100644
--- a/frontend/src/view-file-text.js
+++ b/frontend/src/view-file-text.js
@@ -62,13 +62,13 @@ class ViewFileText extends React.Component {
 
   toggleStar = () => {
     if (this.state.isStarred) {
-      seafileAPI.unStarFile(repoID, filePath).then((res) => {
+      seafileAPI.unStarItem(repoID, filePath).then((res) => {
         this.setState({
           isStarred: false
         });
       });
     } else {
-      seafileAPI.starFile(repoID, filePath).then((res) => {
+      seafileAPI.starItem(repoID, filePath).then((res) => {
         this.setState({
           isStarred: true
         });
diff --git a/frontend/src/view-file-video.js b/frontend/src/view-file-video.js
index 0ed56d6fb8..26b75a8f31 100644
--- a/frontend/src/view-file-video.js
+++ b/frontend/src/view-file-video.js
@@ -38,13 +38,13 @@ class ViewFileVideo extends React.Component {
 
   toggleStar = () => {
     if (this.state.isStarred) {
-      seafileAPI.unStarFile(repoID, filePath).then((res) => {
+      seafileAPI.unStarItem(repoID, filePath).then((res) => {
         this.setState({
           isStarred: false
         });
       });
     } else {
-      seafileAPI.starFile(repoID, filePath).then((res) => {
+      seafileAPI.starItem(repoID, filePath).then((res) => {
         this.setState({
           isStarred: true
         });
diff --git a/frontend/src/view-file-xmind.js b/frontend/src/view-file-xmind.js
index df02c31097..6be7ea7418 100644
--- a/frontend/src/view-file-xmind.js
+++ b/frontend/src/view-file-xmind.js
@@ -37,13 +37,13 @@ class ViewFileXmind extends React.Component {
 
   toggleStar = () => {
     if (this.state.isStarred) {
-      seafileAPI.unStarFile(repoID, filePath).then((res) => {
+      seafileAPI.unStarItem(repoID, filePath).then((res) => {
         this.setState({
           isStarred: false
         });
       });
     } else {
-      seafileAPI.starFile(repoID, filePath).then((res) => {
+      seafileAPI.starItem(repoID, filePath).then((res) => {
         this.setState({
           isStarred: true
         });