added icons to navigation

This commit is contained in:
Florian Scholdei
2018-12-21 13:41:34 +01:00
parent dbf01d6cf3
commit b69c06960e
9 changed files with 27 additions and 9 deletions

View File

@@ -49,7 +49,7 @@ export class DeleteGroupNavLink extends React.Component<Props> {
if (!this.isDeletable()) {
return null;
}
return <NavAction label={t("delete-group-button.label")} action={action} />;
return <NavAction icon="fas fa-times" label={t("delete-group-button.label")} action={action} />;
}
}

View File

@@ -18,7 +18,7 @@ class EditGroupNavLink extends React.Component<Props, State> {
if (!this.isEditable()) {
return null;
}
return <NavLink label={t("edit-group-button.label")} to={editUrl} />;
return <NavLink icon="fas fa-cog" label={t("edit-group-button.label")} to={editUrl} />;
}
isEditable = () => {

View File

@@ -109,6 +109,7 @@ class SingleGroup extends React.Component<Props> {
<NavLink
to={`${url}`}
label={t("single-group.information-label")}
icon={"fas fa-info-circle"}
/>
</Section>
<Section label={t("single-group.actions-label")}>
@@ -117,7 +118,7 @@ class SingleGroup extends React.Component<Props> {
deleteGroup={this.deleteGroup}
/>
<EditGroupNavLink group={group} editUrl={`${url}/edit`} />
<NavLink to="/groups" label={t("single-group.back-label")} />
<NavLink to="/groups" label={t("single-group.back-label")} icon={"fas fa-undo-alt"} />
</Section>
</Navigation>
</div>

View File

@@ -51,7 +51,7 @@ class DeleteNavAction extends React.Component<Props> {
if (!this.isDeletable()) {
return null;
}
return <NavAction label={t("delete-nav-action.label")} action={action} />;
return <NavAction icon="fas fa-times" label={t("delete-nav-action.label")} action={action} />;
}
}

View File

@@ -49,7 +49,7 @@ class DeleteUserNavLink extends React.Component<Props> {
if (!this.isDeletable()) {
return null;
}
return <NavAction label={t("delete-user-button.label")} action={action} />;
return <NavAction icon="fas fa-times" label={t("delete-user-button.label")} action={action} />;
}
}

View File

@@ -17,7 +17,7 @@ class EditUserNavLink extends React.Component<Props> {
if (!this.isEditable()) {
return null;
}
return <NavLink label={t("edit-user-button.label")} to={editUrl} />;
return <NavLink icon="fas fa-cog" label={t("edit-user-button.label")} to={editUrl} />;
}
isEditable = () => {

View File

@@ -111,6 +111,7 @@ class SingleUser extends React.Component<Props> {
<Navigation>
<Section label={t("single-user.navigation-label")}>
<NavLink
icon="fas fa-info-circle"
to={`${url}`}
label={t("single-user.information-label")}
/>