fix: Resolves incorrect search trend graph in Ideas section.

closes #219

Author: towfiqi

components/common/ChartSlim.tsx

@@ -7,18 +7,19 @@ ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Filler,
 type ChartProps ={
    labels: string[],
    sreies: number[],
-   noMaxLimit?: boolean
+   noMaxLimit?: boolean,
+   reverse?: boolean
 }
 
-const ChartSlim = ({ labels, sreies, noMaxLimit = false }:ChartProps) => {
+const ChartSlim = ({ labels, sreies, noMaxLimit = false, reverse = true }:ChartProps) => {
    const options = {
       responsive: true,
       maintainAspectRatio: false,
       animation: false as const,
       scales: {
          y: {
             display: false,
-            reverse: true,
+            reverse,
             min: 1,
             max: noMaxLimit ? undefined : 100,
          },

components/ideas/KeywordIdea.tsx

@@ -61,7 +61,7 @@ const KeywordIdea = (props: KeywordIdeaProps) => {
           onClick={() => showKeywordDetails()}
          className={`keyword_visits text-center hidden mt-4 mr-5 ml-5 cursor-pointer
          lg:flex-1 lg:m-0 lg:ml-10 max-w-[70px] lg:max-w-none lg:pr-5 lg:flex justify-center`}>
-            {chartData.labels.length > 0 && <ChartSlim labels={chartData.labels} sreies={chartData.sreies} noMaxLimit={true} />}
+            {chartData.labels.length > 0 && <ChartSlim labels={chartData.labels} sreies={chartData.sreies} noMaxLimit={true} reverse={false} />}
          </div>
 
          <div className='keyword_ctr text-center inline-block ml-4 lg:flex mt-4 relative lg:flex-1 lg:m-0 justify-center'>