fix: Fixes first Keryword Error cut off issue.

towfiqi · Mar 29, 2023 · d950515 · d950515
1 parent 9757fde
commit d950515
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/components/keywords/Keyword.tsx b/components/keywords/Keyword.tsx
@@ -9,6 +9,7 @@ import { generateTheChartData } from '../common/generateChartData';
 type KeywordProps = {
    keywordData: KeywordType,
    selected: boolean,
+   index: number,
    refreshkeyword: Function,
    favoriteKeyword: Function,
    removeKeyword: Function,
@@ -34,6 +35,7 @@ const Keyword = (props: KeywordProps) => {
       lastItem,
       showSCData = true,
       style,
+      index,
       scDataType = 'threeDays',
    } = props;
    const {
@@ -175,7 +177,8 @@ const Keyword = (props: KeywordProps) => {
             )}
          </div>
          {lastUpdateError && lastUpdateError.date && showPositionError && (
-            <div className=' absolute mt-[-70px] p-2 bg-white z-30 border border-red-200 rounded w-[220px] left-4 shadow-sm text-xs lg:bottom-12'>
+            <div className={`absolute p-2 bg-white z-30 border border-red-200 rounded w-[220px] left-4 shadow-sm text-xs 
+            ${index > 2 ? 'lg:bottom-12 mt-[-70px]' : ' top-12'}`}>
                Error Updating Keyword position (Tried <TimeAgo
                                                          title={dayjs(lastUpdateError.date).format('DD-MMM-YYYY, hh:mm:ss A')}
                                                          date={lastUpdateError.date} />)

diff --git a/components/keywords/KeywordsTable.tsx b/components/keywords/KeywordsTable.tsx
@@ -86,6 +86,7 @@ const KeywordsTable = (props: KeywordsTableProps) => {
          <Keyword
          key={keyword.ID}
          style={style}
+         index={index}
          selected={selectedKeywords.includes(keyword.ID)}
          selectKeyword={selectKeyword}
          keywordData={keyword}