From 50160f5b234fc783802efae34db4a8f959745998 Mon Sep 17 00:00:00 2001
From: towfiqi <tislam100@gmail.com>
Date: Sat, 2 Mar 2024 21:23:25 +0600
Subject: [PATCH] fix: Resolves minor UI bugs.

- Fixes update time of the keywords table is not aligned correctly in desktop.
- Fixes Content layout shift caused by the Domain Header absence.
- Fixes Footer causingpage scrollbar to appear.
---
 components/ideas/KeywordIdeasTable.tsx  | 2 +-
 components/insight/Insight.tsx          | 2 +-
 components/keywords/Keyword.tsx         | 2 +-
 components/keywords/KeywordsTable.tsx   | 2 +-
 components/keywords/SCKeywordsTable.tsx | 2 +-
 pages/domain/[slug]/index.tsx           | 3 ++-
 pages/domain/console/[slug]/index.tsx   | 3 ++-
 pages/domain/insight/[slug]/index.tsx   | 3 ++-
 8 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/components/ideas/KeywordIdeasTable.tsx b/components/ideas/KeywordIdeasTable.tsx
index 2b0c5b8..e2d5527 100644
--- a/components/ideas/KeywordIdeasTable.tsx
+++ b/components/ideas/KeywordIdeasTable.tsx
@@ -130,7 +130,7 @@ const IdeasKeywordsTable = ({
 
    return (
       <div>
-         <div className='domKeywords flex flex-col bg-[white] rounded-md text-sm border mb-8'>
+         <div className='domKeywords flex flex-col bg-[white] rounded-md text-sm border mb-5'>
             {selectedKeywords.length > 0 && (
                <div className='font-semibold text-sm py-4 px-8 text-gray-500 '>
                   <div className={`inline-block ${isResearchPage ? ' mr-2' : ''}`}>Add Keywords to Tracker</div>
diff --git a/components/insight/Insight.tsx b/components/insight/Insight.tsx
index 684bf51..7852b79 100644
--- a/components/insight/Insight.tsx
+++ b/components/insight/Insight.tsx
@@ -51,7 +51,7 @@ const SCInsight = ({ insight, isLoading = true, isConsoleIntegrated = true, doma
 
    return (
       <div>
-         <div className='domKeywords flex flex-col bg-[white] rounded-md text-sm border mb-8'>
+         <div className='domKeywords flex flex-col bg-[white] rounded-md text-sm border mb-5'>
             <div className='domKeywords_filters py-4 px-6 flex flex-col justify-between
             text-sm text-gray-500 font-semibold border-b-[1px] lg:border-0 lg:flex-row'>
                <div>
diff --git a/components/keywords/Keyword.tsx b/components/keywords/Keyword.tsx
index 56a9715..dddc2f9 100644
--- a/components/keywords/Keyword.tsx
+++ b/components/keywords/Keyword.tsx
@@ -153,7 +153,7 @@ const Keyword = (props: KeywordProps) => {
          </div>
 
          <div
-         className='inline-block mt-[4] top-[-5px] relative lg:flex-1 lg:m-0'>
+         className='inline-block mt-[4] top-[-5px] relative lg:flex-1 lg:m-0 lg:top-0'>
             <span className='mr-2 lg:hidden'><Icon type="clock" size={14} color="#999" /></span>
             <TimeAgo title={dayjs(lastUpdated).format('DD-MMM-YYYY, hh:mm:ss A')} date={lastUpdated} />
          </div>
diff --git a/components/keywords/KeywordsTable.tsx b/components/keywords/KeywordsTable.tsx
index d107719..7169201 100644
--- a/components/keywords/KeywordsTable.tsx
+++ b/components/keywords/KeywordsTable.tsx
@@ -97,7 +97,7 @@ const KeywordsTable = (props: KeywordsTableProps) => {
 
    return (
       <div>
-         <div className='domKeywords flex flex-col bg-[white] rounded-md text-sm border mb-8'>
+         <div className='domKeywords flex flex-col bg-[white] rounded-md text-sm border mb-5'>
             {selectedKeywords.length > 0 && (
                <div className='font-semibold text-sm py-4 px-8 text-gray-500 '>
                   <ul className=''>
diff --git a/components/keywords/SCKeywordsTable.tsx b/components/keywords/SCKeywordsTable.tsx
index 817337f..c7678ae 100644
--- a/components/keywords/SCKeywordsTable.tsx
+++ b/components/keywords/SCKeywordsTable.tsx
@@ -116,7 +116,7 @@ const SCKeywordsTable = ({ domain, keywords = [], isLoading = true, isConsoleInt
 
    return (
       <div>
-         <div className='domKeywords flex flex-col bg-[white] rounded-md text-sm border mb-8'>
+         <div className='domKeywords flex flex-col bg-[white] rounded-md text-sm border mb-4'>
             {selectedKeywords.length > 0 && (
                <div className='font-semibold text-sm py-4 px-8 text-gray-500 '>
                   <ul className=''>
diff --git a/pages/domain/[slug]/index.tsx b/pages/domain/[slug]/index.tsx
index b1e3098..65cbd8a 100644
--- a/pages/domain/[slug]/index.tsx
+++ b/pages/domain/[slug]/index.tsx
@@ -64,13 +64,14 @@ const SingleDomain: NextPage = () => {
             <Sidebar domains={theDomains} showAddModal={() => setShowAddDomain(true)} />
             <div className="domain_kewywords px-5 pt-10 lg:px-0 lg:pt-8 w-full">
                {activDomain && activDomain.domain
-               && <DomainHeader
+               ? <DomainHeader
                   domain={activDomain}
                   domains={theDomains}
                   showAddModal={setShowAddKeywords}
                   showSettingsModal={setShowDomainSettings}
                   exportCsv={() => exportCSV(theKeywords, activDomain.domain)}
                   />
+                  : <div className='w-full lg:h-[100px]'></div>
                }
                <KeywordsTable
                isLoading={keywordsLoading}
diff --git a/pages/domain/console/[slug]/index.tsx b/pages/domain/console/[slug]/index.tsx
index fa9a0de..a824122 100644
--- a/pages/domain/console/[slug]/index.tsx
+++ b/pages/domain/console/[slug]/index.tsx
@@ -57,7 +57,7 @@ const DiscoverPage: NextPage = () => {
             <Sidebar domains={theDomains} showAddModal={() => setShowAddDomain(true)} />
             <div className="domain_kewywords px-5 pt-10 lg:px-0 lg:pt-8 w-full">
                {activDomain && activDomain.domain
-               && <DomainHeader
+               ? <DomainHeader
                   domain={activDomain}
                   domains={theDomains}
                   showAddModal={() => console.log('XXXXX')}
@@ -66,6 +66,7 @@ const DiscoverPage: NextPage = () => {
                   scFilter={scDateFilter}
                   setScFilter={(item:string) => setSCDateFilter(item)}
                   />
+                  : <div className='w-full lg:h-[100px]'></div>
                }
                <SCKeywordsTable
                isLoading={keywordsLoading || isFetching}
diff --git a/pages/domain/insight/[slug]/index.tsx b/pages/domain/insight/[slug]/index.tsx
index 7677caa..fa6328d 100644
--- a/pages/domain/insight/[slug]/index.tsx
+++ b/pages/domain/insight/[slug]/index.tsx
@@ -57,7 +57,7 @@ const InsightPage: NextPage = () => {
             <Sidebar domains={theDomains} showAddModal={() => setShowAddDomain(true)} />
             <div className="domain_kewywords px-5 pt-10 lg:px-0 lg:pt-8 w-full">
                {activDomain && activDomain.domain
-               && <DomainHeader
+               ? <DomainHeader
                   domain={activDomain}
                   domains={theDomains}
                   showAddModal={() => console.log('XXXXX')}
@@ -66,6 +66,7 @@ const InsightPage: NextPage = () => {
                   scFilter={scDateFilter}
                   setScFilter={(item:string) => setSCDateFilter(item)}
                   />
+                  : <div className='w-full lg:h-[100px]'></div>
                }
                <SCInsight
                isLoading={false}