From 3c0ca03dbfc51fc83333be6efbd767d9082adaaa Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 14 Aug 2024 12:56:47 +0200
Subject: [PATCH] update create post page

---
 src/routes/community/+page.svelte             | 69 +------------------
 src/routes/community/create-post/+page.svelte | 57 ++++++++++++++-
 2 files changed, 57 insertions(+), 69 deletions(-)

diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte
index 3d159170..3e5bad59 100644
--- a/src/routes/community/+page.svelte
+++ b/src/routes/community/+page.svelte
@@ -666,78 +666,11 @@ $: {
 
 
                                   </div>
-                                </div>
+                            </div>
                                 {/if}
 
                               <!--End Discord -->
 
-                              <!--Ticker Mentioning-->
-                              <!--
-                              <div class="space-y-3 mt-5 pb-3">  
-                                <div class="rounded-2xl bg-[#27272A] h-96 sm:w-96">
-                                  Start Header
-                                  <div class="bg-[#27272A] border-b border-slate-700 w-full p-3 rounded-t-lg ">
-                                    <span class="text-white text-xl ml-1 font-semibold">
-                                      Ticker Mentions
-                                    </span>
-                                  </div>
-                                End Header
-
-                                  Start Content
-                                  <div class="w-full text-gray-300">
-                                    <table class="table table-xs table-zebra table-compact w-full bg-[#27272A] border-b border-[#27272A]">
-                                      <thead>
-                                        <tr class="border-b border-slate-700">
-                                          <th class="text-white font-medium text-sm border-b border-slate-800">Company</th>
-                                          <th class="text-white font-medium text-sm border-b border-slate-800">Mentioned</th>
-                                          <th class="text-white font-medium text-sm border-b border-slate-800 text-end">Market Cap</th>
-                                        </tr>
-                                      </thead>
-                                      <tbody class="p-3">
-                                        {#each tickerMentioning?.slice(0,5) as item}
-                                        <tr class="bg-[#27272A] border-b border-[#27272A] shake-ticker w-full">
-                                          <td class="text-gray-200 border-b border-[#27272A]">
-                                            <div class="flex flex-row">
-                                              <div class="rounded-full w-8 h-8 relative bg-[#20202E] flex items-center justify-center">
-                                                <img style="clip-path: circle(50%);" class="w-4 h-4" src={`https://financialmodelingprep.com/image-stock/${item.symbol}.png`} loading="lazy"/>
-                                              </div>
-                                              <div class="flex flex-col ml-2">
-                                                <span class="text-blue-400">{item?.symbol}</span>
-                                                <span class="text-white text-xs">{item?.name.length > 10 ? item?.name.slice(0,10) + "..." : item?.name}</span>
-                                              </div>
-                                            </div>
-                                          </td>
-                        
-                            
-                                        <td class="text-gray-200 border-b border-[#27272A]">
-                                          <span class="text-white font-medium text-[0.93rem] flex justify-center items-center">
-                                            {item?.count}
-                                          </span>
-                                        </td>
-
-                                        <td class="text-gray-200 border-b border-[#27272A]">
-                                          <span class="text-white font-medium text-[0.93rem] flex justify-end items-center">
-                                            {abbreviateNumber(item?.marketCap,true)}
-                                          </span>
-                                        </td>
-                            
-                                        </tr>
-                                        
-                                     
-                            
-                            
-                                        {/each}
-                                      </tbody>
-                                    </table>
-                                    
-                                  </div>
-                                  End Content
-
-                                  </div>
-                                </div>
-                              -->
-                              <!--End Ticker Mentioning-->
-
 
                                <!--Community Rules-->
                                <div class="space-y-3 mt-5 fixed sticky" style="top: 5rem;">  
diff --git a/src/routes/community/create-post/+page.svelte b/src/routes/community/create-post/+page.svelte
index c42cea69..e8536444 100644
--- a/src/routes/community/create-post/+page.svelte
+++ b/src/routes/community/create-post/+page.svelte
@@ -76,7 +76,8 @@
 	</svelte:head>
 	
 	
-		<div  class="flex flex-col w-full min-h-screen p-2 pt-10 pb-40">
+		<div class="flex justify-start items-start m-auto max-w-6xl w-full min-h-screen p-2 pt-10 pb-40">
+			
 			<div class="w-full">
 				<form
 					action= {postType === 'text' ? '?/createPostText' : postType === 'image' ? '?/createPostImage' : '?/createPostLink'}
@@ -210,5 +211,59 @@
 	
 	
 			</div>
+
+			
+            <!-- Sidebar -->
+			<aside class="hidden xl:inline-block pt-36 pl-10">
+
+				
+					<!-- Sidebar content -->
+					<div class="lg:pl-2 z-20 h-full">
+				
+						<!-- Sidebar content -->
+
+				
+						<!--Community Rules-->
+						<div class="space-y-3 mt-5 fixed sticky" style="top: 5rem;">  
+						<div class="bg-[#141417] border border-gray-800 sm:w-96 rounded-lg">
+						<!--Start Header-->
+						<div class="bg-[#141417] border-b border-slate-700 w-full pl-6 pr-6 pt-6 pb-4 rounded-t-lg">
+							<span class="text-white text-xl ml-1 font-semibold">
+							Community Rules
+							</span>
+						</div>
+						<!--End Header-->
+
+						<!--Start Content-->
+						<div class="w-full pl-7 text-gray-300">
+							<ol class="list-decimal pl-4 pr-4 pb-5 pt-4">
+							<li class="text-[1rem] mb-3">
+								Avoid Purely Policital Discussion
+							</li>
+							<li class="text-[1rem] mb-3">
+								No violence or gory contents
+							</li>
+							<li class="text-[1rem] mb-3">
+								No Advertisement, Self-Promotion, Fundraising, or Begging
+							</li>
+							<li class="text-[1rem]">
+								No illegal activities
+							</li>
+							</ol>
+							
+						</div>
+						<!--End Content-->
+
+						</div>
+
+						</div>
+					<!--End Community Rules-->
+					
+					
+					</div>
+
+			</aside>
+
+						  
 		</div>
 		
\ No newline at end of file