Add basic services; Base layout

src/components/Channel/Channel.tsx

@@ -4,4 +4,4 @@ const Channel: Component = () => {
     return <div></div>;
 };
 
-export default Channel;
+export { Channel };

src/components/ChannelBar/ChannelBar.tsx

@@ -8,4 +8,4 @@ const ChannelBar: Component = () => {
     );
 };
 
-export default ChannelBar;
+export { ChannelBar };

src/components/Community/Community.tsx

@@ -14,4 +14,4 @@ const Community: Component<ICommunityProps> = (props: ICommunityProps) => {
     );
 };
 
-export default Community;
+export { Community };

src/components/Member/Member.tsx

@@ -4,4 +4,4 @@ const Member: Component = () => {
     return <div></div>;
 };
 
-export default Member;
+export { Member };

src/components/Message/Message.tsx

@@ -20,4 +20,4 @@ const Message: Component<IMessageProps> = (props: IMessageProps) => {
     );
 };
 
-export default Message;
+export { Message };

src/components/MessageBar/MessageBar.tsx

@@ -1,13 +1,36 @@
 import type { Component } from "solid-js";
+import { dispatch } from "../../store/state";
+import { UserActionTypes } from "../../store/user";
+import { AuthActionTypes } from "../../store/auth";
 
 const MessageBar: Component = () => {
+    const onRefresh = () => {
+        dispatch({
+            type: AuthActionTypes.FETCH_REFRESH_START,
+        });
+    };
+    const onSend = () => {
+        dispatch({
+            type: UserActionTypes.FETCH_LOGGED_USER_ID_START,
+        });
+    };
+
     return (
         <div class="absolute w-full bottom-0 p-4 z-10">
             <div class="bg-stone-800/25 backdrop-blur-lg h-16 shadow-bar p-2 flex flex-row gap-2 rounded-full">
                 <label class="bg-stone-800/50 backdrop-blur-lg input w-full h-full rounded-full focus:border-none outline-none">
                     <input type="text" placeholder="Send a message..." />
                 </label>
-                <button class="bg-black/50 backdrop-blur-lg btn btn-neutral h-full rounded-full">
+                <button
+                    class="bg-black/50 backdrop-blur-lg btn btn-neutral h-full rounded-full"
+                    onClick={onRefresh}
+                >
+                    Refresh test
+                </button>
+                <button
+                    class="bg-black/50 backdrop-blur-lg btn btn-neutral h-full rounded-full"
+                    onClick={onSend}
+                >
                     Send
                 </button>
             </div>
@@ -15,4 +38,4 @@ const MessageBar: Component = () => {
     );
 };
 
-export default MessageBar;
+export { MessageBar };