add view source button, clear input

NEARBuilders · Oct 20, 2024 · 877ec04 · 877ec04
1 parent 23ccd2f
commit 877ec04
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/src/components/social/compose.tsx b/src/components/social/compose.tsx
@@ -2,9 +2,8 @@ import { useCreatePost } from "@/lib/social";
 import { useState } from "react";
 
 export default function Compose() {
-  const mutation = useCreatePost();
-
   const [text, setText] = useState("");
+  const mutation = useCreatePost({ cleanup: () => setText("") });
 
   const handleSubmit = async () => {
     mutation.mutate({ content: { text, type: "md" } });

diff --git a/src/lib/social.ts b/src/lib/social.ts
@@ -137,13 +137,16 @@ export function useGetPosts(limit: number = 10, order: string = "desc") {
   });
 }
 
-export function useCreatePost() {
+export function useCreatePost({ cleanup }: { cleanup?: () => void }) {
   const { wallet } = useWallet();
 
   return useMutation({
     onSuccess: () => {
       // Invalidate and refetch the "posts" query
       queryClient.invalidateQueries({ queryKey: ["posts"] });
+      if (cleanup) {
+        cleanup();
+      }
     },
     mutationFn: async ({ content }: { content: any }) => {
       try {

diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
@@ -29,6 +29,11 @@ function RootComponent() {
       <NearProvider>
         <div className="min-h-screen bg-gradient-to-br from-orange-400 to-purple-800">
           <div className="container mx-auto px-4 py-8">
+            <div className="flex justify-end p-1">
+              <a href="https://github.com/NEARBuilders/decentralized-social" target="_blank" className="text-white">
+                view source
+              </a>
+            </div>
             <div className="overflow-hidden rounded-lg bg-white shadow-lg">
               <Header />
               <main className="container mx-auto px-4 py-8">