> For the complete documentation index, see [llms.txt](https://eleven-fifty-academy.gitbook.io/dotnet-302-core/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eleven-fifty-academy.gitbook.io/dotnet-302-core/5-displaying-users-on-the-client/5.3-updating-interfaces.md).

# 5.3: Updating Interfaces

Now that we've update the `User` entity on the backend and added DTOs, let's update our `SPA` client to match.

## Updating User

We'll match our `User.ts` interface to match our `UserForDetail` DTO.

```typescript
export interface User {
    id: number;
    username: string;
    specialty: string;
    age: number;
    knownAs: string;
    created: Date;
    lastActive: Date;
    photoUrl: string;
    city: string;
    state: string;
    interests?: string;
    introduction?: string;
    lookingFor?: string;
    photos?: Photo[];
}
```

## Adding Photo

Next, in your models folder, create another interface called `Photo.ts` and add the properties in the `PhotoForDetail` DTO

```typescript
export interface Photo {
    id: number;
    url: string;
    description: string;
    dateAdded: string;
    isMain: boolean;
}
```

Make sure you go back to the `User` interface and import the `Photo` interface