UniqueSoft/serpbear
2
0
Fork 0
mirror of https://github.com/towfiqi/serpbear synced 2025-06-26 18:15:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: Minor UI Issues.

Browse Source
This commit is contained in:
Towfiq 2022-12-20 21:52:55 +06:00
parent c2b63280cb
commit 89824ece23
4 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/domains/DomainHeader.tsx
View File

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

7
components/insight/Insight.tsx
View File

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

4
components/keywords/KeywordsTable.tsx
View File

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

2
components/keywords/SCKeywordsTable.tsx
View File

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