diff --git a/components/Avatar.vue b/components/Avatar.vue
index 23aae79..5f16251 100644
--- a/components/Avatar.vue
+++ b/components/Avatar.vue
@@ -12,8 +12,6 @@
 import { NuxtImg } from '#components';
 import type { GuildMemberResponse, UserResponse } from '~/types/interfaces';
 
-const { getDisplayName } = useProfile()
-
 const props = defineProps<{
 	profile: UserResponse | GuildMemberResponse,
 }>();
diff --git a/components/Guild/MemberEntry.vue b/components/Guild/MemberEntry.vue
index d9ce4f6..4177ca2 100644
--- a/components/Guild/MemberEntry.vue
+++ b/components/Guild/MemberEntry.vue
@@ -11,8 +11,6 @@
 import { ModalProfilePopup } from '#components';
 import type { GuildMemberResponse } from '~/types/interfaces';
 
-const { getDisplayName } = useProfile()
-
 const props = defineProps<{
     member: GuildMemberResponse
 }>();
@@ -20,10 +18,12 @@ const props = defineProps<{
 const modalPopupVisible = ref<boolean>(false);
 
 function showModalPopup() {
+    console.log("hello there")
     modalPopupVisible.value = true
 }
 
 function hideModalPopup() {
+    console.log("gone")
     modalPopupVisible.value = false
 }
 </script>
diff --git a/components/Me/AddFriend.vue b/components/Me/AddFriend.vue
index 43249fb..6d2d888 100644
--- a/components/Me/AddFriend.vue
+++ b/components/Me/AddFriend.vue
@@ -23,11 +23,9 @@ async function sendRequest() {
 		try {
 			await addFriend(inputField.value.value)
 			alert("Friend request sent!")
-		} catch (error: any) {
-			if (error?.response?.status !== 200) {
-				alert(`error ${error?.response?.status} met whilst trying to add friend\n"${error?.response._data?.message}"`)
-			}
-		}
+		} catch {
+			alert("Request failed :(")
+		} 
 	}
 }
 </script>
diff --git a/components/Me/FriendsList.vue b/components/Me/FriendsList.vue
index 25b9924..0a1481e 100644
--- a/components/Me/FriendsList.vue
+++ b/components/Me/FriendsList.vue
@@ -24,8 +24,6 @@
 </template>
 
 <script lang="ts" setup>
-
-const { getDisplayName } = useProfile()
 const { fetchFriends } = useApi();
 
 const friends = sortUsers(await fetchFriends())
diff --git a/components/Message.vue b/components/Message.vue
index 7f43049..71687e1 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -69,8 +69,6 @@ import type { MessageProps } from '~/types/props';
 import MessageMedia from './MessageMedia.vue';
 import MessageReply from './UserInterface/MessageReply.vue';
 
-const { getDisplayName } = useProfile()
-
 const props = defineProps<MessageProps>();
 
 const messageElement = ref<HTMLDivElement>();
diff --git a/components/MessageArea.vue b/components/MessageArea.vue
index 80606fb..0fe702e 100644
--- a/components/MessageArea.vue
+++ b/components/MessageArea.vue
@@ -44,7 +44,6 @@ import type { MessageResponse, ScrollPosition, UserResponse } from '~/types/inte
 import scrollToBottom from '~/utils/scrollToBottom';
 import { generateIrcColor } from '#imports';
 
-const { getDisplayName } = useProfile()
 const { fetchMe } = useApi()
 
 const props = defineProps<{ channelUrl: string, amount?: number, offset?: number }>();
diff --git a/components/Modal/ProfilePopup.vue b/components/Modal/ProfilePopup.vue
index 07181be..b4bc804 100644
--- a/components/Modal/ProfilePopup.vue
+++ b/components/Modal/ProfilePopup.vue
@@ -62,7 +62,6 @@ import type { GuildMemberResponse, ModalProps, UserResponse } from '~/types/inte
 import VerticalSpacer from '../UserInterface/VerticalSpacer.vue';
 import Button from '../UserInterface/Button.vue';
 
-const { getDisplayName, getUsername, getPronouns, getAboutMe, getRegistrationDate, getGuildJoinDate, getFriendsSince, getUuid } = useProfile()
 const { addFriend, fetchMe } = useApi();
 
 const props = defineProps<ModalProps & {
@@ -70,6 +69,7 @@ const props = defineProps<ModalProps & {
 	onFinish: () => void
 }>();
 
+const friendsSinceRequest = await getFriendsSince(props.profile)
 const me = await fetchMe() as UserResponse
 
 const displayName = getDisplayName(props.profile)
@@ -79,7 +79,7 @@ const aboutMe = getAboutMe(props.profile)
 
 const registrationDate = getRegistrationDate(props.profile)
 const joinDate = getGuildJoinDate(props.profile)
-const friendsSince = await getFriendsSince(props.profile)
+const friendsSince = friendsSinceRequest
 
 const uuid = getUuid(props.profile)
 
@@ -96,10 +96,8 @@ async function buttonAddFriend() {
 	try {
 		await addFriend(username)
 		alert("sent!")
-	} catch (error: any) {
-		if (error?.response?.status !== 200) {
-			alert(`error ${error?.response?.status} met whilst trying to add friend\n"${error?.response._data?.message}"`)
-		}
+	} catch {
+		alert("failed :(")
 	}
 }
 
@@ -167,6 +165,7 @@ function buttonEditProfile() {
 #display-name {
 	font-weight: 800;
 	font-size: 2em;
+
 }
 
 #username-and-pronouns {
@@ -236,7 +235,6 @@ function buttonEditProfile() {
 .date-entry-title {
 	font-size: .8em;
 }
-
 .date-entry-value {
 	font-size: 1em;
 }
diff --git a/components/User/UserEntry.vue b/components/User/UserEntry.vue
index 204ec73..d0d4ad6 100644
--- a/components/User/UserEntry.vue
+++ b/components/User/UserEntry.vue
@@ -9,8 +9,6 @@
 <script lang="ts" setup>
 import type { UserResponse } from '~/types/interfaces';
 
-const { getDisplayName } = useProfile()
-
 const props = defineProps<{
     user: UserResponse
 }>();
diff --git a/components/User/UserPopup.vue b/components/User/UserPopup.vue
index 9c30824..406ba89 100644
--- a/components/User/UserPopup.vue
+++ b/components/User/UserPopup.vue
@@ -21,8 +21,6 @@
 <script lang="ts" setup>
 import type { UserResponse } from '~/types/interfaces';
 
-const { getDisplayName } = useProfile()
-
 const props = defineProps<{
 	user: UserResponse
 }>();
diff --git a/composables/profile.ts b/composables/profile.ts
deleted file mode 100644
index 1fc4f24..0000000
--- a/composables/profile.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import type { GuildMemberResponse, UserResponse } from "~/types/interfaces"
-
-const { fetchFriends } = useApi();
-
-export const useProfile = () => {
-	function getAboutMe (profile: UserResponse | GuildMemberResponse): string | null {
-		if ("username" in profile) {
-			return profile.about
-		} else {
-			return profile.user.about
-		}
-	}
-
-	function getDisplayName (profile: UserResponse | GuildMemberResponse): string  {
-		if ("username" in profile) {
-			// assume it's a UserRespone
-			if (profile.display_name) return profile.display_name
-			return profile.username
-		} else {
-			// assume it's a GuildMemberResponse
-			if (profile.nickname) return profile.nickname
-			if (profile.user.display_name) return profile.user.display_name
-			return profile.user.username
-		}
-	}
-
-	async function getFriendsSince (profile: UserResponse | GuildMemberResponse): Promise<Date | null> {
-		let user_uuid: string;
-
-		if ("username" in profile) {
-			user_uuid = profile.uuid
-		} else {
-			user_uuid = profile.user_uuid
-		}
-
-		const friends = await fetchFriends()
-		const friend = friends.find(friend => friend.uuid === user_uuid);
-		if (friend?.friends_since) {
-			return new Date(friend.friends_since);
-		}
-
-		return null
-	}
-
-	function getGuildJoinDate (profile: UserResponse | GuildMemberResponse): Date | null {
-		if ("username" in profile) {
-			return null
-		} else {
-			return uuidToDate(profile.uuid)
-		}
-	}
-
-	function getPronouns (profile: UserResponse | GuildMemberResponse): string | null  {
-		if ("username" in profile) {
-			return profile.pronouns
-		} else {
-			return profile.user.pronouns
-		}
-	}
-
-	function getRegistrationDate (profile: UserResponse | GuildMemberResponse): Date | null {
-		if ("username" in profile) {
-			return uuidToDate(profile.uuid)
-		} else {
-			return uuidToDate(profile.user_uuid)
-		}
-	}
-
-	function getUsername (profile: UserResponse | GuildMemberResponse): string {
-		if ("username" in profile) {
-			return profile.username
-		} else {
-			return profile.user.username
-		}
-	}
-
-	function getUuid (profile: UserResponse | GuildMemberResponse): string | null {
-		if ("username" in profile) {
-			return profile.uuid
-		} else {
-			return profile.user.uuid
-		}
-	}
-	
-	return {
-		getAboutMe,
-		getDisplayName,
-		getFriendsSince,
-		getGuildJoinDate,
-		getRegistrationDate,
-		getPronouns,
-		getUsername,
-		getUuid		
-	}
-}
diff --git a/layouts/client.vue b/layouts/client.vue
index 626783d..48a7f66 100644
--- a/layouts/client.vue
+++ b/layouts/client.vue
@@ -61,7 +61,6 @@ const loading = useState("loading", () => false);
 
 const createButtonContainer = ref<HTMLButtonElement>();
 
-const { getDisplayName } = useProfile()
 const api = useApi();
 
 const blockedCanvas = isCanvasBlocked()
diff --git a/utils/getAboutMe.ts b/utils/getAboutMe.ts
new file mode 100644
index 0000000..9f67a29
--- /dev/null
+++ b/utils/getAboutMe.ts
@@ -0,0 +1,9 @@
+import type { GuildMemberResponse, UserResponse } from "~/types/interfaces";
+
+export default (profile: UserResponse | GuildMemberResponse): string | null => {
+	if ("username" in profile) {
+		return profile.about
+	} else {
+		return profile.user.about
+	}
+}
\ No newline at end of file
diff --git a/utils/getDisplayName.ts b/utils/getDisplayName.ts
new file mode 100644
index 0000000..d1be9a8
--- /dev/null
+++ b/utils/getDisplayName.ts
@@ -0,0 +1,14 @@
+import type { GuildMemberResponse, UserResponse } from "~/types/interfaces";
+
+export default (profile: UserResponse | GuildMemberResponse): string => {
+	if ("username" in profile) {
+		// assume it's a UserRespone
+		if (profile.display_name) return profile.display_name
+		return profile.username
+	} else {
+		// assume it's a GuildMemberResponse
+		if (profile.nickname) return profile.nickname
+		if (profile.user.display_name) return profile.user.display_name
+		return profile.user.username
+	}
+}
\ No newline at end of file
diff --git a/utils/getFriendsSince.ts b/utils/getFriendsSince.ts
new file mode 100644
index 0000000..3f6d859
--- /dev/null
+++ b/utils/getFriendsSince.ts
@@ -0,0 +1,21 @@
+import type { GuildMemberResponse, UserResponse } from "~/types/interfaces";
+
+const { fetchFriends } = useApi();
+
+export default async (profile: UserResponse | GuildMemberResponse): Promise<Date | null> => {
+	let user_uuid: string;
+
+	if ("username" in profile) {
+		user_uuid = profile.uuid
+	} else {
+		user_uuid = profile.user_uuid
+	}
+
+	const friends = await fetchFriends()
+	const friend = friends.find(friend => friend.uuid === user_uuid);
+	if (friend?.friends_since) {
+		return new Date(friend.friends_since);
+	}
+
+	return null
+}
\ No newline at end of file
diff --git a/utils/getGuildJoinDate.ts b/utils/getGuildJoinDate.ts
new file mode 100644
index 0000000..1b89e9a
--- /dev/null
+++ b/utils/getGuildJoinDate.ts
@@ -0,0 +1,9 @@
+import type { GuildMemberResponse, UserResponse } from "~/types/interfaces";
+
+export default (profile: UserResponse | GuildMemberResponse): Date | null => {
+	if ("username" in profile) {
+		return null
+	} else {
+		return uuidToDate(profile.uuid)
+	}
+}
\ No newline at end of file
diff --git a/utils/getPronouns.ts b/utils/getPronouns.ts
new file mode 100644
index 0000000..b7cb55d
--- /dev/null
+++ b/utils/getPronouns.ts
@@ -0,0 +1,9 @@
+import type { GuildMemberResponse, UserResponse } from "~/types/interfaces";
+
+export default (profile: UserResponse | GuildMemberResponse): string | null => {
+	if ("username" in profile) {
+		return profile.pronouns
+	} else {
+		return profile.user.pronouns
+	}
+}
\ No newline at end of file
diff --git a/utils/getRegistrationDate.ts b/utils/getRegistrationDate.ts
new file mode 100644
index 0000000..010d871
--- /dev/null
+++ b/utils/getRegistrationDate.ts
@@ -0,0 +1,9 @@
+import type { GuildMemberResponse, UserResponse } from "~/types/interfaces";
+
+export default (profile: UserResponse | GuildMemberResponse): Date | null => {
+	if ("username" in profile) {
+		return uuidToDate(profile.uuid)
+	} else {
+		return uuidToDate(profile.user_uuid)
+	}
+}
\ No newline at end of file
diff --git a/utils/getUsername.ts b/utils/getUsername.ts
new file mode 100644
index 0000000..ba0dfbb
--- /dev/null
+++ b/utils/getUsername.ts
@@ -0,0 +1,9 @@
+import type { GuildMemberResponse, UserResponse } from "~/types/interfaces";
+
+export default (profile: UserResponse | GuildMemberResponse): string => {
+	if ("username" in profile) {
+		return profile.username
+	} else {
+		return profile.user.username
+	}
+}
\ No newline at end of file
diff --git a/utils/getUuid.ts b/utils/getUuid.ts
new file mode 100644
index 0000000..0bc7316
--- /dev/null
+++ b/utils/getUuid.ts
@@ -0,0 +1,9 @@
+import type { GuildMemberResponse, UserResponse } from "~/types/interfaces";
+
+export default (profile: UserResponse | GuildMemberResponse): string | null => {
+	if ("username" in profile) {
+		return profile.uuid
+	} else {
+		return profile.user.uuid
+	}
+}
\ No newline at end of file
diff --git a/utils/sortMembers.ts b/utils/sortMembers.ts
index b232763..e0f9c8e 100644
--- a/utils/sortMembers.ts
+++ b/utils/sortMembers.ts
@@ -1,5 +1,4 @@
 import type { GuildMemberResponse } from "~/types/interfaces";
-const { getDisplayName } = useProfile()
 
 export default (members: GuildMemberResponse[]): GuildMemberResponse[] => {
 	return members.sort((a, b) => {
diff --git a/utils/sortUsers.ts b/utils/sortUsers.ts
index 83f5713..8708366 100644
--- a/utils/sortUsers.ts
+++ b/utils/sortUsers.ts
@@ -1,5 +1,4 @@
 import type { UserResponse } from "~/types/interfaces";
-const { getDisplayName } = useProfile()
 
 export default (users: UserResponse[]): UserResponse[] => {
 	return users.sort((a, b) => {