# Feature: Change navigation selector icons

## Overview

**Goal:** The current view navigation that is displayed in parent mode currently displays custom svg drawing for Children, Tasks, Rewards, and Notifications. I have new png image files that I'd like to replace them with.

**User Story:**
As a user, when I am in parent mode, I should be able to use the navigation selector as usual but see the updated images in the buttons.

**Rules:**
The size of the navigation view-selector should still remain the same for both desktop and mobile. The images should replace the svg drawings.
This will most likely only affect ParentView.vue / ParentLayout.vue

**Drawing to image replacements:**
aria-label: "Children" -> frontend/vue-app/public/nav/children.png
aria-label: "Tasks" -> frontend/vue-app/public/nav/chores.png
aria-label: "Rewards" -> frontend/vue-app/public/nav/rewards.png
aria-label: "Notifications" -> frontend/vue-app/public/nav/notifications.png

---

## Data Model Changes

### Backend Model

### Frontend Model

---

## Backend Implementation

## Backend Tests

- [ ]

---

## Frontend Implementation

## Frontend Tests

- [ ]

---

## Future Considerations

---

## Acceptance Criteria (Definition of Done)

### Backend

- [ ]

### Frontend

- [ ]