delete title

frontend/src/components/Modal/EditModal.tsx

@@ -48,12 +48,6 @@ export function EditModal(props: { isComment: boolean, onFinish: (values: any) =
       style={{maxWidth: 600}}
       scrollToFirstError
     >
-      {!isComment ? <Form.Item
-        name="title"
-        label="Title"
-      >
-        <Input/>
-      </Form.Item> : <></>}
 
       <Form.Item
         name="content"
@@ -65,7 +59,7 @@ export function EditModal(props: { isComment: boolean, onFinish: (values: any) =
           },
         ]}
       >
-        <Input/>
+        <Input.TextArea showCount/>
       </Form.Item>
       <Form.Item {...tailFormItemLayout}>
         <Button type="primary" htmlType="submit">

frontend/src/components/Modal/commentForm.tsx

@@ -1,25 +1,43 @@
 import React from 'react';
 import {
-  Form,
+  Form, notification
 } from 'antd';
 import {useAuth} from "../../utils/useAuth";
 import Feed from "../../actors/feed";
 import {EditModal} from "./EditModal";
+import { LoadingOutlined, CheckOutlined } from '@ant-design/icons';
 
 export function CommentForm(props: {postId:string, setOpen: Function }) {
   const {userFeedCai} = useAuth()
   const [form] = Form.useForm();
+  const [api, contextHolder] = notification.useNotification();
 
   const onFinish = async (values: { title: string, content: string }) => {
     if (!userFeedCai) return
+    api.info({
+      message: 'Create Comment ing ...',
+      key: 'createComment',
+      duration: null,
+      description: '',
+      icon: <LoadingOutlined />
+    });
     const feedApi = new Feed(userFeedCai)
     await feedApi.createComment(props.postId, values.content)
     await feedApi.getAllPost()
+    api.success({
+      message: 'Create Comment Successful !',
+      key: 'createComment',
+      description: '',
+      icon: <CheckOutlined />
+    })
     form.resetFields()
     props.setOpen(false)
   };
 
   return (
-    <EditModal isComment={true} form={form} onFinish={onFinish}/>
+    <>
+      {contextHolder}
+      <EditModal isComment={true} form={form} onFinish={onFinish}/>
+    </>
   );
 };

frontend/src/routes/explore.tsx

@@ -3,10 +3,11 @@ import React, {useEffect, useState} from "react";
 import {rootPostApi} from "../actors/rootPost";
 import Bucket from "../actors/bucket";
 import {PostImmutable} from "../declarations/feed/feed";
+import { Layout, Result } from 'antd';
+import { SmileOutlined } from '@ant-design/icons';
 
 export default function Explore() {
   const [contents, setContents] = useState<PostImmutable[]>([])
-
   const fetch = async () => {
     const bucket = await rootPostApi.getAvailableBucket()
     if (!bucket[0]) return
@@ -19,5 +20,35 @@ export default function Explore() {
     fetch()
   }, [])
 
-  return <Content contents={contents}/>
+  if(contents.length > 0) {
+    return <Content contents={contents}/>
+  } else {
+    return (
+    <>
+      <Layout.Content className={"posts"} style={{
+        backgroundColor: "white",
+        overflowY: 'auto',
+        scrollbarWidth: 'thin',
+        width: '200px',
+        borderRight: '1px solid rgba(0,0,0,0.2)',
+        padding: "40px 20px",
+      }}>
+        <Result
+          icon={<SmileOutlined />}
+          title="There Is No Feed !"
+          subTitle="Please Refresh The Website"
+          style={{
+            backgroundColor: 'white'
+          }}
+        />
+      </Layout.Content>
+      <Layout.Content className={"posts"} style={{
+        backgroundColor: 'white',
+        overflowY: 'auto',
+        scrollbarWidth: 'thin',
+        padding: "40px 20px"
+      }}>
+      </Layout.Content>
+    </>)
+  }
 }

src/post/rootPost.mo

@@ -58,6 +58,8 @@ actor class RootPost(
         };
     };
 
+    public query func getBucketIndex(): async Nat { bucketIndex };
+
     // let ic: IC.Service = actor("aaaaa-aa");
     // public shared({caller}) func updateSettings(bucketArray: [Principal]): async () {
     //     for(_bucket in bucketArray.vals()) {