✨ Reply will notify original poster

pkg/services/accounts.go

@@ -3,6 +3,9 @@ package services
 import (
 	"code.smartsheep.studio/hydrogen/interactive/pkg/database"
 	"code.smartsheep.studio/hydrogen/interactive/pkg/models"
+	"fmt"
+	"github.com/gofiber/fiber/v2"
+	"github.com/spf13/viper"
 )
 
 func FollowAccount(followerId, followingId uint) error {
@@ -28,3 +31,23 @@ func GetAccountFollowed(user models.Account, target models.Account) (models.Acco
 		Error
 	return relationship, err == nil
 }
+
+func NotifyAccount(user models.Account, subject, content string, links ...fiber.Map) error {
+	agent := fiber.Post(viper.GetString("passport.endpoint") + "/api/dev/notify")
+	agent.JSON(fiber.Map{
+		"client_id":     viper.GetString("passport.client_id"),
+		"client_secret": viper.GetString("passport.client_secret"),
+		"subject":       subject,
+		"content":       content,
+		"links":         links,
+		"user_id":       user.ExternalID,
+	})
+
+	if status, body, errs := agent.Bytes(); len(errs) > 0 {
+		return errs[0]
+	} else if status != 200 {
+		return fmt.Errorf(string(body))
+	}
+
+	return nil
+}

pkg/services/posts.go

@@ -3,6 +3,8 @@ package services
 import (
 	"errors"
 	"fmt"
+	"github.com/gofiber/fiber/v2"
+	"github.com/rs/zerolog/log"
 	"time"
 
 	"code.smartsheep.studio/hydrogen/interactive/pkg/database"
@@ -174,6 +176,26 @@ func NewPost(
 		return post, err
 	}
 
+	if post.ReplyID != nil {
+		var op models.Post
+		if err := database.C.Where(&models.Post{
+			BaseModel: models.BaseModel{ID: *post.ReplyID},
+		}).Preload("Author").First(&op).Error; err == nil {
+			if op.Author.ID != user.ID {
+				postUrl := fmt.Sprintf("https://%s/posts/%d", viper.GetString("domain"), post.ID)
+				err := NotifyAccount(
+					op.Author,
+					fmt.Sprintf("%s replied you", user.Name),
+					fmt.Sprintf("%s replied your post. Check it out!", user.Name),
+					fiber.Map{"label": "Related post", "url": postUrl},
+				)
+				if err != nil {
+					log.Error().Err(err).Msg("An error occurred when notifying user...")
+				}
+			}
+		}
+	}
+
 	return post, nil
 }
 

pkg/view/src/components/PostItem.tsx

@@ -43,7 +43,7 @@ export default function PostItem(props: {
   );
 
   return (
-    <div class="post-item max-w-screen">
+    <div class="post-item">
       <Show when={!props.noAuthor}>
         <a href={`/accounts/${props.post.author.name}`}>
           <div class="flex bg-base-200">

pkg/view/src/index.css

@@ -13,4 +13,13 @@ html, body {
 
 .medium-zoom-overlay {
     z-index: 10;
+}
+
+.scrollbar-hidden {
+    scrollbar-width: none;
+}
+
+.scrollbar-hidden::-webkit-scrollbar {
+    display: none;
+    width: 0;
 }

pkg/view/src/layouts/RootLayout.tsx

@@ -54,7 +54,7 @@ export default function RootLayout(props: any) {
         <Navbar />
       </Show>
 
-      <main class={mainContentStyles()}>{props.children}</main>
+      <main class={`${mainContentStyles()} scrollbar-hidden`}>{props.children}</main>
     </Show>
   );
 }

pkg/view/src/pages/feed.module.css

@@ -1,12 +1,12 @@
 .wrapper {
     display: grid;
-    grid-template-columns: 1fr;
+    grid-template-columns: fit-content(100%);
     column-gap: 20px;
 
     max-height: calc(100vh - 64px);
 }
 
-@media (min-width: 768px) {
+@media (min-width: 1024px) {
     .wrapper {
         grid-template-columns: 1fr 2fr 1fr;
     }

pkg/view/src/pages/feed.tsx

@@ -5,7 +5,7 @@ export default function DashboardPage(props: any) {
     <div class={`${styles.wrapper} container mx-auto`}>
       <div id="trending" class="card shadow-xl h-fit"></div>
 
-      <div id="content" class="card shadow-xl">
+      <div id="content max-w-screen" class="card shadow-xl">
         {props.children}
       </div>