Minor refactoring

README.md

@@ -1,6 +1,6 @@
-# image-search-and-import
+# image-search
 
-Image Search and Import is an Airtable block that helps you use Bing / Flickr Image Search API and import the images into your base. 
+Image Search is an Airtable block that helps you use Bing / Flickr Image Search API and import the images into your base.
 
 ## Cavets
 The images that are being imported into the base are copyright of the respective website(s). Block also imports the source website url as part of the import and you should contact them / the author to seek permission on using the images for any purposes that are not explicitly laid out under the respective copyright sections of the website(s).

frontend/SearchPage.tsx

@@ -138,7 +138,7 @@ export function SearchPage({ appState, setAppState }) {
         alignItems="center"
         justifyContent="center"
         padding={0}>
-        <Heading size="xlarge">Search Images</Heading>
+        <Heading size="xlarge">Image Search</Heading>
         {
           isLoading &&
           <Box display='block' zIndex={10}><Loader scale={0.5} /></Box>

frontend/SettingsView.tsx

@@ -17,6 +17,7 @@ import React, { useState, useEffect } from 'react';
 import { BING_API_KEY, IS_BING_ENABLED, FLICKR_API_KEY, IS_FLICKR_ENABLED } from './settings';
 import { BingSearchClient } from './BingSearchClient'
 import Flickr from 'flickr-sdk';
+import { runInfo } from '@airtable/blocks';
 
 export function SettingsView({ appState, setAppState, setIsSettingsVisible }) {
   const globalConfig = useGlobalConfig();
@@ -79,11 +80,11 @@ export function SettingsView({ appState, setAppState, setIsSettingsVisible }) {
       <Box maxWidth='calc(100% - 50px)'>
         <form onSubmit={saveSettings}>
           <Box paddingBottom='10px'>
-            <Heading size="xlarge">Image Search &amp; Import Block</Heading>
+            <Heading size="xlarge">{runInfo.isFirstRun ? "Welcome to " : ""}Image Search Block</Heading>
           </Box>
 
           <Box paddingBottom='10px'>
-            <Text size='xlarge'>Search and import images from <Link size="xlarge" href="https://www.bing.com/" target="_blank">Bing</Link> or <Link size="xlarge" href="https://www.flickr.com/" target="_blank">Flickr</Link> into your base for collecting image data.</Text>
+            <Text size='xlarge'>Search and import images from <Link size="xlarge" href="https://www.bing.com/" target="_blank">Bing</Link> or <Link size="xlarge" href="https://www.flickr.com/" target="_blank">Flickr</Link> into your base. </Text>
           </Box>
 
           <Box>