fix: Minor UI Issues.

towfiqi · Dec 20, 2022 · 89824ec · 89824ec
1 parent c2b6328
commit 89824ec
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 12 deletions.
diff --git a/components/domains/DomainHeader.tsx b/components/domains/DomainHeader.tsx
@@ -81,12 +81,14 @@ const DomainHeader = ({ domain, showAddModal, showSettingsModal, exportCsv, doma
             className={`hidden w-40 ml-[-70px] lg:block absolute mt-10 bg-white border border-gray-100 z-40 rounded 
             lg:z-auto lg:relative lg:mt-0 lg:border-0 lg:w-auto lg:bg-transparent`}
             style={{ display: showOptions ? 'block' : undefined }}>
-               <button
-               className={`domheader_action_button relative ${buttonStyle}`}
-               aria-pressed="false"
-               onClick={() => exportCsv()}>
-                  <Icon type='download' size={20} /><i className={`${buttonLabelStyle}`}>Export as csv</i>
-               </button>
+               {!isInsight && (
+                  <button
+                  className={`domheader_action_button relative ${buttonStyle}`}
+                  aria-pressed="false"
+                  onClick={() => exportCsv()}>
+                     <Icon type='download' size={20} /><i className={`${buttonLabelStyle}`}>Export as csv</i>
+                  </button>
+               )}
                {!isConsole && !isInsight && (
                   <button
                   className={`domheader_action_button relative ${buttonStyle} lg:ml-3`}

diff --git a/components/insight/Insight.tsx b/components/insight/Insight.tsx
@@ -82,14 +82,15 @@ const SCInsight = ({ insight, isLoading = true, isConsoleIntegrated = true }: SC
                      />
                   </div>
                </div>
-               <div className='py-2 text-xs text-center mt-2 lg:text-sm lg:mt-0'>
+               {isConsoleIntegrated && (<div className='py-2 text-xs text-center mt-2 lg:text-sm lg:mt-0'>
                   {startDate && new Intl.DateTimeFormat('en-US', { dateStyle: 'medium' }).format(new Date(startDate))}
                   <span className='px-2 inline-block'>-</span>
                   {endDate && new Intl.DateTimeFormat('en-US', { dateStyle: 'medium' }).format(new Date(endDate))}
                   <span className='ml-2'>(Last 30 Days)</span>
                </div>
+               )}
             </div>
-            {activeTab === 'stats' && (
+            {isConsoleIntegrated && activeTab === 'stats' && (
                <InsightStats
                stats={insight?.stats ? insight.stats : []}
                totalKeywords={insight?.keywords?.length || 0}
@@ -116,7 +117,7 @@ const SCInsight = ({ insight, isLoading = true, isConsoleIntegrated = true }: SC
                      )}
                      {!isConsoleIntegrated && (
                         <p className=' p-9 pt-[10%] text-center text-gray-500'>
-                        Goolge Search has not been Integrated yet. Please See the Docs to Learn how to integrate Google Search Data for this Domain.
+                        Goolge Search has not been Integrated yet. Please follow <a className='text-indigo-600 underline' href='https://docs.serpbear.com/miscellaneous/integrate-google-search-console' target="_blank" rel='noreferrer'>These Steps</a> integrate Google Search Data for this Domain.
                         </p>
                      )}
                   </div>

diff --git a/components/keywords/KeywordsTable.tsx b/components/keywords/KeywordsTable.tsx
@@ -177,10 +177,10 @@ const KeywordsTable = (props: KeywordsTableProps) => {
                                                       scDataType={scDataType}
                                                       />)}
                      {!isLoading && processedKeywords[device].length === 0 && (
-                        <p className=' p-9 mt-[10%] text-center text-gray-500'>No Keywords Added for this Device Type.</p>
+                        <p className=' p-9 pt-[10%] text-center text-gray-500'>No Keywords Added for this Device Type.</p>
                      )}
                      {isLoading && (
-                        <p className=' p-9 mt-[10%] text-center text-gray-500'>Loading Keywords...</p>
+                        <p className=' p-9 pt-[10%] text-center text-gray-500'>Loading Keywords...</p>
                      )}
                   </div>
                </div>

diff --git a/components/keywords/SCKeywordsTable.tsx b/components/keywords/SCKeywordsTable.tsx
@@ -212,7 +212,7 @@ const SCKeywordsTable = ({ domain, keywords = [], isLoading = true, isConsoleInt
                      )}
                      {!isConsoleIntegrated && (
                         <p className=' p-9 pt-[10%] text-center text-gray-500'>
-                        Goolge Search has not been Integrated yet. Please See the Docs to Learn how to integrate Google Search Data for this Domain.
+                        Goolge Search has not been Integrated yet. Please follow <a className='text-indigo-600 underline' href='https://docs.serpbear.com/miscellaneous/integrate-google-search-console' target="_blank" rel='noreferrer'>These Steps</a> integrate Google Search Data for this Domain.
                         </p>
                      )}
                   </div>