AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update create post page

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-14 12:56:47 +02:00
parent 94bf05a9f3
commit 3c0ca03dbf
2 changed files with 57 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
src/routes/community/+page.svelte
View File

@ -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;">

57
src/routes/community/create-post/+page.svelte
View File

@ -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>