minor semantic fixes

packages/web/components/Player/Filter/AdjascentTimezonePlayers.tsx

@@ -12,9 +12,7 @@ type Props = {
 const getAdjacentTimezoneQueryVariables = (
   defaultQueryVariables: GetPlayersQueryVariables,
 ): GetPlayersQueryVariables => {
-  const timezoneValue = defaultQueryVariables.timezones
-    ? defaultQueryVariables.timezones[0]
-    : undefined;
+  const timezoneValue = defaultQueryVariables.timezones?.[0];
   const timezone = TimezoneOptions.find((t) => t.value === timezoneValue);
   const adjascentTimezones = timezone
     ? TimezoneOptions.filter(
@@ -72,14 +70,14 @@ export const AdjascentTimezonePlayers: React.FC<Props> = ({
       spacing={{ base: '4', md: '8' }}
       pt={{ base: '4', md: '8' }}
     >
-      {error ? <Text>{`Error: ${error.message}`}</Text> : null}
+      {error ? <Text>Error: {error.message}</Text> : null}
       {!error && players.length && (fetchingMore || !fetching) ? (
         <>
           <Flex
             justify="space-between"
             w="100%"
             maxW="79rem"
-            pr="4"
+            pr={4}
             align="center"
             pb={{ base: 4, md: 0 }}
           >

packages/web/components/Player/Filter/PlayerFilter.tsx

@@ -245,7 +245,7 @@ export const PlayerFilter: React.FC<Props> = ({
             {availability && (
               <WrapItem>
                 <FilterTag
-                  label={`Available >${availability.value} h/week`}
+                  label={`Available ≥${availability.value} h/week`}
                   onRemove={() => {
                     setAvailability(null);
                   }}

packages/web/components/Player/Filter/PlayersNotFound.tsx

@@ -14,10 +14,10 @@ export const PlayersNotFound: React.FC = () => (
   >
     <Image src={PlayersNotFoundImage} />
     <Text fontWeight="bold" fontSize="xl" textAlign="center">
-      No players found
+      No Players Found
     </Text>
     <Text textAlign="center">
-      It seems we can’t find any players that match the filters you selected.
+      We can’t find any players that match the filters you selected.
     </Text>
   </VStack>
 );

packages/web/components/Player/PlayerTile.tsx

@@ -42,7 +42,7 @@ export const PlayerTile: React.FC<Props> = ({ player }) => {
   const description = getPlayerDescription(player);
   const displayDescription =
     description && description.length > MAX_BIO_LENGTH
-      ? `${description.substring(0, MAX_BIO_LENGTH - 9)}...`
+      ? `${description.substring(0, MAX_BIO_LENGTH - 9)}…`
       : description;
   return (
     <MetaTile>

packages/web/pages/players.tsx

@@ -116,7 +116,7 @@ const MorePlayers = React.forwardRef<HTMLDivElement, MorePlayersProps>(
       <VStack w="100%" ref={ref}>
         {fetching ? <LoadingState color="white" /> : null}
         {!fetching && !isTimezoneSelected && totalCount > 0 ? (
-          <Text color="white">No more players available</Text>
+          <Text color="white">No more players available.</Text>
         ) : null}
         {!fetching && totalCount === 0 ? <PlayersNotFound /> : null}
         {!fetching && isTimezoneSelected ? (