added paths for context and api

net/web/src/App.js

@@ -1,11 +1,11 @@
 import login from './login.png';
-import { AppContextProvider } from './AppContext/AppContext';
-import { AccountContextProvider } from './AppContext/AccountContext';
-import { ProfileContextProvider } from './AppContext/ProfileContext';
-import { ArticleContextProvider } from './AppContext/ArticleContext';
-import { GroupContextProvider } from './AppContext/GroupContext';
-import { CardContextProvider } from './AppContext/CardContext';
-import { ChannelContextProvider } from './AppContext/ChannelContext';
+import { AppContextProvider } from 'context/AppContext';
+import { AccountContextProvider } from 'context/AccountContext';
+import { ProfileContextProvider } from 'context/ProfileContext';
+import { ArticleContextProvider } from 'context/ArticleContext';
+import { GroupContextProvider } from 'context/GroupContext';
+import { CardContextProvider } from 'context/CardContext';
+import { ChannelContextProvider } from 'context/ChannelContext';
 import { ConversationContextProvider } from './ConversationContext/ConversationContext';
 import { Home } from './Home/Home';
 import { Login } from './Login/Login';

net/web/src/Create/useCreate.hook.js

@@ -1,5 +1,5 @@
 import { useContext, useState, useEffect, useRef } from 'react';
-import { AppContext } from '../AppContext/AppContext';
+import { AppContext } from 'context/AppContext';
 import { useNavigate } from "react-router-dom";
 
 export function useCreate() {

net/web/src/Home/Home.jsx

@@ -1,6 +1,6 @@
 import React, { useContext, useEffect } from 'react'
 import { useNavigate } from "react-router-dom";
-import { AppContext } from '../AppContext/AppContext';
+import { AppContext } from 'context/AppContext';
                                            
 export function Home() {
 

net/web/src/Login/useLogin.hook.js

@@ -1,5 +1,5 @@
 import { useContext, useState, useEffect } from 'react';
-import { AppContext } from '../AppContext/AppContext';
+import { AppContext } from 'context/AppContext';
 import { useNavigate } from "react-router-dom";
 
 export function useLogin() {

net/web/src/User/Contact/useContact.hook.js

@@ -1,8 +1,8 @@
 import { useContext, useState, useEffect } from 'react';
-import { CardContext } from '../../AppContext/CardContext';
+import { CardContext } from 'context/CardContext';
 import { useNavigate, useLocation, useParams } from "react-router-dom";
-import { getListingMessage } from '../../Api/getListingMessage';
-import { getListingImageUrl } from '../../Api/getListingImageUrl';
+import { getListingMessage } from 'api/getListingMessage';
+import { getListingImageUrl } from 'api/getListingImageUrl';
 
 export function useContact() {
   

net/web/src/User/Conversation/AddTopic/useAddTopic.hook.js

@@ -1,9 +1,9 @@
 import { useContext, useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
-import { addChannelTopic } from '../../../Api/addChannelTopic';
-import { addContactChannelTopic } from '../../../Api/addContactChannelTopic';
-import { CardContext } from '../../../AppContext/CardContext';
-import { ChannelContext } from '../../../AppContext/ChannelContext';
+import { addChannelTopic } from 'api/addChannelTopic';
+import { addContactChannelTopic } from 'api/addContactChannelTopic';
+import { CardContext } from 'context/CardContext';
+import { ChannelContext } from 'context/ChannelContext';
 
 export function useAddTopic() {
 

net/web/src/User/Conversation/useConversation.hook.js

@@ -1,8 +1,8 @@
 import { useContext, useState, useEffect, useRef } from 'react';
 import { useNavigate, useLocation, useParams } from "react-router-dom";
 import { ConversationContext } from '../../ConversationContext/ConversationContext';
-import { CardContext } from '../../AppContext/CardContext';
-import { ChannelContext } from '../../AppContext/ChannelContext';
+import { CardContext } from 'context/CardContext';
+import { ChannelContext } from 'context/ChannelContext';
 
 export function useConversation() {
   

net/web/src/User/Profile/useProfile.hook.js

@@ -1,6 +1,6 @@
 import { useContext, useState, useEffect } from 'react';
-import { ProfileContext } from '../../AppContext/ProfileContext';
-import { AccountContext } from '../../AppContext/AccountContext';
+import { ProfileContext } from 'context/ProfileContext';
+import { AccountContext } from 'context/AccountContext';
 import { useNavigate } from "react-router-dom";
 
 const IMAGE_DIM = 256;

net/web/src/User/SideBar/Contacts/Cards/Registry/useRegistry.hook.js

@@ -1,8 +1,8 @@
 import { useContext, useState, useEffect } from 'react';
-import { ProfileContext } from '../../../../../AppContext/ProfileContext';
+import { ProfileContext } from 'context/ProfileContext';
 import { useNavigate } from "react-router-dom";
-import { getListing } from '../../../../../Api/getListing';
-import { getListingImageUrl } from '../../../../../Api/getListingImageUrl';
+import { getListing } from 'api/getListing';
+import { getListingImageUrl } from 'api/getListingImageUrl';
 
 export function useRegistry() {
 

net/web/src/User/SideBar/Contacts/Cards/useCards.hook.js

@@ -1,5 +1,5 @@
 import { useContext, useState, useEffect } from 'react';
-import { CardContext } from '../../../../AppContext/CardContext';
+import { CardContext } from 'context/CardContext';
 import { useNavigate } from 'react-router-dom';
 
 export function useCards() {

net/web/src/User/SideBar/Contacts/Channels/ChannelItem/ChannelLabel/useChannelLabel.hook.js

@@ -1,7 +1,7 @@
 import { useContext, useState, useEffect } from 'react';
-import { CardContext } from '../../../../../../AppContext/CardContext';
-import { ProfileContext } from '../../../../../../AppContext/ProfileContext';
-import { getCardImageUrl } from '../../../../../../Api/getCardImageUrl';
+import { CardContext } from 'context/CardContext';
+import { ProfileContext } from 'context/ProfileContext';
+import { getCardImageUrl } from 'api/getCardImageUrl';
 
 export function useChannelLabel() {
 

net/web/src/User/SideBar/Contacts/Channels/ChannelItem/ChannelLogo/useChannelLogo.hook.js

@@ -1,6 +1,6 @@
 import { useContext, useState, useEffect } from 'react';
-import { CardContext } from '../../../../../../AppContext/CardContext';
-import { ProfileContext } from '../../../../../../AppContext/ProfileContext';
+import { CardContext } from 'context/CardContext';
+import { ProfileContext } from 'context/ProfileContext';
 
 export function useChannelLogo() {
   

net/web/src/User/SideBar/Contacts/Channels/useChannels.hook.js

@@ -1,7 +1,7 @@
 import { useContext, useState, useRef, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { CardContext } from '../../../../AppContext/CardContext';
-import { ChannelContext } from '../../../../AppContext/ChannelContext';
+import { CardContext } from 'context/CardContext';
+import { ChannelContext } from 'context/ChannelContext';
 
 export function useChannels() {
 

net/web/src/User/SideBar/Identity/useIdentity.hook.js

@@ -1,6 +1,6 @@
 import { useContext, useState, useEffect } from 'react';
-import { AppContext } from '../../../AppContext/AppContext';
-import { ProfileContext } from '../../../AppContext/ProfileContext';
+import { AppContext } from 'context/AppContext';
+import { ProfileContext } from 'context/ProfileContext';
 import { useNavigate } from "react-router-dom";
 
 export function useIdentity() {

net/web/src/context/useAccountContext.hook.js

@@ -1,6 +1,6 @@
 import { useEffect, useState, useRef } from 'react';
-import { setAccountSearchable } from '../Api/setAccountSearchable';
-import { getAccountStatus } from '../Api/getAccountStatus';
+import { setAccountSearchable } from 'api/setAccountSearchable';
+import { getAccountStatus } from 'api/getAccountStatus';
 
 export function useAccountContext() {
   const [state, setState] = useState({

net/web/src/context/useCardContext.hook.js

@@ -1,22 +1,22 @@
 import { useEffect, useState, useRef } from 'react';
-import { getContactChannels } from '../Api/getContactChannels';
-import { getContactChannel } from '../Api/getContactChannel';
-import { getContactProfile } from '../Api/getContactProfile';
-import { setCardProfile } from '../Api/setCardProfile';
-import { getCards } from '../Api/getCards';
-import { getCardImageUrl } from '../Api/getCardImageUrl';
-import { getCardProfile } from '../Api/getCardProfile';
-import { getCardDetail } from '../Api/getCardDetail';
-import { addContactChannelTopic } from '../Api/addContactChannelTopic';
-import { setCardConnecting, setCardConnected, setCardConfirmed } from '../Api/setCardStatus';
-import { getCardOpenMessage } from '../Api/getCardOpenMessage';
-import { setCardOpenMessage } from '../Api/setCardOpenMessage';
-import { getCardCloseMessage } from '../Api/getCardCloseMessage';
-import { setCardCloseMessage } from '../Api/setCardCloseMessage';
-import { getContactChannelTopics } from '../Api/getContactChannelTopics';
-import { getContactChannelTopic } from '../Api/getContactChannelTopic';
-import { addCard } from '../Api/addCard';
-import { removeCard } from '../Api/removeCard';
+import { getContactChannels } from 'api/getContactChannels';
+import { getContactChannel } from 'api/getContactChannel';
+import { getContactProfile } from 'api/getContactProfile';
+import { setCardProfile } from 'api/setCardProfile';
+import { getCards } from 'api/getCards';
+import { getCardImageUrl } from 'api/getCardImageUrl';
+import { getCardProfile } from 'api/getCardProfile';
+import { getCardDetail } from 'api/getCardDetail';
+import { addContactChannelTopic } from 'api/addContactChannelTopic';
+import { setCardConnecting, setCardConnected, setCardConfirmed } from 'api/setCardStatus';
+import { getCardOpenMessage } from 'api/getCardOpenMessage';
+import { setCardOpenMessage } from 'api/setCardOpenMessage';
+import { getCardCloseMessage } from 'api/getCardCloseMessage';
+import { setCardCloseMessage } from 'api/setCardCloseMessage';
+import { getContactChannelTopics } from 'api/getContactChannelTopics';
+import { getContactChannelTopic } from 'api/getContactChannelTopic';
+import { addCard } from 'api/addCard';
+import { removeCard } from 'api/removeCard';
 
 export function useCardContext() {
   const [state, setState] = useState({

net/web/src/context/useChannelContext.hook.js

@@ -1,10 +1,10 @@
 import { useEffect, useState, useRef } from 'react';
-import { getChannels } from '../Api/getChannels';
-import { getChannel } from '../Api/getChannel';
-import { addChannel } from '../Api/addChannel';
-import { addChannelTopic } from '../Api/addChannelTopic';
-import { getChannelTopics } from '../Api/getChannelTopics';
-import { getChannelTopic } from '../Api/getChannelTopic';
+import { getChannels } from 'api/getChannels';
+import { getChannel } from 'api/getChannel';
+import { addChannel } from 'api/addChannel';
+import { addChannelTopic } from 'api/addChannelTopic';
+import { getChannelTopics } from 'api/getChannelTopics';
+import { getChannelTopic } from 'api/getChannelTopic';
 
 export function useChannelContext() {
   const [state, setState] = useState({

net/web/src/context/useGroupContext.hook.js

@@ -1,5 +1,5 @@
 import { useEffect, useState, useRef } from 'react';
-import { getGroups } from '../Api/getGroups';
+import { getGroups } from 'api/getGroups';
 
 export function useGroupContext() {
   const [state, setState] = useState({

net/web/src/context/useProfileContext.hook.js

@@ -1,8 +1,8 @@
 import { useEffect, useState, useRef } from 'react';
-import { getProfile } from '../Api/getProfile';
-import { setProfileData } from '../Api/setProfileData';
-import { setProfileImage } from '../Api/setProfileImage';
-import { getProfileImageUrl } from '../Api/getProfileImageUrl';
+import { getProfile } from 'api/getProfile';
+import { setProfileData } from 'api/setProfileData';
+import { setProfileImage } from 'api/setProfileImage';
+import { getProfileImageUrl } from 'api/getProfileImageUrl';
 
 export function useProfileContext() {
   const [state, setState] = useState({