Release 0.0.1 (SOS-RS#135)

* [fix] Config readme

* wip: loading

* Delete yarn.lock

* refact: created shelter list view component in home page

* Fix: mobile UI has broken for mobile devices (SOS-RS#22)

*Fix: mobile UI has broken for mobile devices

* fix: remove chip as fixed as no wrap property

* chore: add shelter card clickable

* chore: remove Fragment component

* build: add set sm as max mobile dimension
          sm: 425px

* style: add responsive layout

* refactor: filter page

* fix: priority

* fix: filter parameters

* fix: fixed volunteer supply that had been fulfilled displaying on shelter page

* fix: improve readability

* feat: hidden filter button if filter is empty

* feat: cache in axios request

* fix: cache search params

* feat: cache clean on searchs

* wip: donation tags

* fix: clean search params

* Update README.md

[fix] Retirando a seção Funcionalidades e Backlog

* fix: donation tags / componentized the urgent supplies section

* fix: removed empty shelter tags empty row

* feat: full edit shelter and improved interface of pet friendly in shelter page

* refact: add live link and tech stack to readme

* Fix/develop bugs (SOS-RS#90)

* fix: cache bug (invalite cache on create/update operation)

* feat: added update many shelter supplies and admin rule

* Add license (SOS-RS#81)

Closes SOS-RS#65.

* fix: app port (SOS-RS#80)

* docs: added shadcn/ui reference

* fix for volunteer shelter title (SOS-RS#95)

* treat contact link as a proper link

* simplified href

* docs: add discord link on readme

* Normalizes search string in supply filter so it ignores accents (SOS-RS#125)

* normalized search string to ignore accents

* revert removed button

* add a copy to clipboard button to PIX and contact info (SOS-RS#124)

* add a copy to clipboard button to PIX and contact info

* use && operator instead of ternary

* Substitui onClick e useNavigate por <Link> para melhorar acessibilidade (SOS-RS#128)

* replaced navigate in favour of html link and added card hover

* fixed lint warnings

* fix: change shelter title style (SOS-RS#106)

Prevents badge misalignment on very large titles

* Add new feature and creating LoadingSkeleton (SOS-RS#115)

* Add new feature and creating LoadingSkeleton

---------

Co-authored-by: helenapaixao <[email protected]>
Co-authored-by: José Fagundes <[email protected]>
Co-authored-by: Luccas Specht <[email protected]>
Co-authored-by: MatheusDubin <[email protected]>
Co-authored-by: danmqs <[email protected]>
Co-authored-by: Giovanni Bassi <[email protected]>
Co-authored-by: Felipe Monteiro <[email protected]>
Co-authored-by: André Ferraz <[email protected]>
Co-authored-by: Sombrio <[email protected]>
Co-authored-by: Daniel Marques <[email protected]>
Co-authored-by: Matheus Dubin Da Silveira <[email protected]>
Co-authored-by: Miguel Dalberto <[email protected]>
Co-authored-by: Pablo A. Maximo <[email protected]>
Co-authored-by: Marcos Nascimento <[email protected]>

Author: 14 people

index.html

@@ -37,13 +37,22 @@
     <meta property="og:url" content="https://sos-rs.com" />
     <meta property="og:type" content="website" />
 
+<<<<<<< HEAD
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="SOS - Rio Grande do Sul" />
     <meta
       name="twitter:description"
       content="Encontre abrigos e recursos para ajudar durante enchentes no Rio Grande do Sul. O SOS Rio Grande do Sul oferece informações sobre locais de abrigo, doações e suporte para vítimas de enchentes."
     />
     <meta name="twitter:image" content="https://sos-rs.com/sos.png" />
+=======
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="manifest" href="/site.webmanifest">
+  <link rel="canonical" href="https://sos-rs.com/" />
+>>>>>>> 4e0d9c0 (Release 0.0.1 (#135))
 
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />

src/components/CardAboutShelter/components/InfoRow/InfoRow.tsx

@@ -4,6 +4,7 @@ import { IInfoRowProps } from './types';
 
 const InfoRow = React.forwardRef<HTMLDivElement, IInfoRowProps>(
   (props, ref) => {
+<<<<<<< HEAD
     const {
       icon,
       label,
@@ -12,13 +13,20 @@ const InfoRow = React.forwardRef<HTMLDivElement, IInfoRowProps>(
       className = '',
       ...rest
     } = props;
+=======
+    const { icon, label, value, clipboardButton = false, className = '', ...rest } = props;
+>>>>>>> 4e0d9c0 (Release 0.0.1 (#135))
     const isLink = value?.startsWith('http');
     const ValueComp = !value ? (
       <Fragment />
     ) : isLink ? (
+<<<<<<< HEAD
       <a
         href={value}
         target="_blank"
+=======
+      <a href={value} target='_blank'
+>>>>>>> 4e0d9c0 (Release 0.0.1 (#135))
         className="text-blue-500 break-all cursor-pointer hover:underline"
       >
         {value}
@@ -55,6 +63,10 @@ const InfoRow = React.forwardRef<HTMLDivElement, IInfoRowProps>(
               </div>
             )}
           </span>
+<<<<<<< HEAD
+=======
+
+>>>>>>> 4e0d9c0 (Release 0.0.1 (#135))
         </div>
       </div>
     );

src/pages/EditShelterSupply/EditShelterSupply.tsx

@@ -36,6 +36,7 @@ const EditShelterSupply = () => {
         if (v) {
           setFilteredSupplies(
             supplies.filter((s) =>
+<<<<<<< HEAD
               s.name
                 .toLowerCase()
                 .normalize('NFD')
@@ -46,6 +47,10 @@ const EditShelterSupply = () => {
                     .normalize('NFD')
                     .replace(/[\u0300-\u036f]/g, '')
                 )
+=======
+              s.name.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '')
+                .includes(v.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, ''))
+>>>>>>> 4e0d9c0 (Release 0.0.1 (#135))
             )
           );
         } else setFilteredSupplies(supplies);

src/pages/Home/Home.tsx

@@ -1,15 +1,15 @@
-import { useCallback, useMemo, useState, useEffect } from 'react';
-import { useNavigate, useSearchParams } from 'react-router-dom';
-import { RotateCw, PlusIcon } from 'lucide-react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { RotateCw } from 'lucide-react';
 import qs from 'qs';
 
 import { BurgerMenu, Footer, Header } from '@/components';
 import { useShelters, useThrottle } from '@/hooks';
 import { Button } from '@/components/ui/button';
-import { Filter } from './components/Filter';
-import { ShelterListView } from './components/ShelterListView';
+import { Filter, ShelterListView } from './components';
 import { IFilterFormProps } from './components/Filter/types';
 
+
 const initialFilterData: IFilterFormProps = {
   search: '',
   priority: null,
@@ -42,8 +42,6 @@ const Home = () => {
     [filterData]
   );
 
-  const navigate = useNavigate();
-
   const clearSearch = useCallback(() => {
     setSearch('');
     setFilterData(initialFilterData);
@@ -131,7 +129,6 @@ const Home = () => {
                 window.open('https://forms.gle/2S7L2gR529Dc8P3T9', '_blank')
               }
             >
-              <PlusIcon className="h-5 w-5 stroke-white" />
               Cadastrar abrigo
             </Button>
             <Button
@@ -146,7 +143,7 @@ const Home = () => {
           </div >
         }
       />
-      < ShelterListView
+      <ShelterListView
         loading={loading}
         count={shelters.count}
         data={shelters.results}
@@ -172,7 +169,6 @@ const Home = () => {
             },
           });
         }}
-        onSelectShelter={(s) => navigate(`/abrigo/${s.id}`)}
         hasMoreItems={hasMore}
         onOpenModal={() => setOpenModal(true)}
         onClearSearch={clearSearch}

src/pages/Home/components/ShelterListItem/ShelterListItem.tsx

@@ -1,10 +1,14 @@
 import { useCallback, useMemo } from 'react';
 import { format } from 'date-fns';
 <<<<<<< HEAD
+<<<<<<< HEAD
 import { Link } from 'react-router-dom';
 =======
 import { useNavigate } from 'react-router-dom';
 >>>>>>> 3d3f437 (merge: develop -> master (#91))
+=======
+import { Link } from 'react-router-dom';
+>>>>>>> 4e0d9c0 (Release 0.0.1 (#135))
 import { ChevronRight } from 'lucide-react';
 
 import {
@@ -24,6 +28,7 @@ import { IUseSheltersDataSupplyData } from '@/hooks/useShelters/types';
 import { ShelterSupplyCategoryRow } from '../ShelterSupplyCategoryRow';
 
 const ShelterListItem = (props: IShelterListItemProps) => {
+<<<<<<< HEAD
 <<<<<<< HEAD
   const { data } = props;
   const { capacity, shelteredPeople } = data;
@@ -32,6 +37,10 @@ const ShelterListItem = (props: IShelterListItemProps) => {
   const { capacity, shelteredPeople } = data;
   const navigate = useNavigate();
 >>>>>>> 3d3f437 (merge: develop -> master (#91))
+=======
+  const { data } = props;
+  const { capacity, shelteredPeople } = data;
+>>>>>>> 4e0d9c0 (Release 0.0.1 (#135))
   const { availability, className: availabilityClassName } =
     useMemo<IShelterAvailabilityProps>(
       () => getAvailabilityProps(capacity, shelteredPeople),
@@ -102,25 +111,52 @@ const ShelterListItem = (props: IShelterListItemProps) => {
     </Link>
 =======
   return (
-    <div className="flex flex-col p-4 w-full border-2 border-border rounded-md gap-1 relative">
-      <Button size="sm" variant="ghost" className="absolute top-4 right-4">
-        <ChevronRight
-          className="h-5 w-5"
-          onClick={() => navigate(`/abrigo/${data.id}`)}
-        />
-      </Button>
-      <div
-        className="flex items-center gap-1"
-        onClick={() => navigate(`/abrigo/${data.id}`)}
-      >
-        <h3
-          className="font-semibold text-lg  hover:cursor-pointer hover:text-slate-500"
-          onClick={onClick}
-        >
-          {data.name}
-        </h3>
-        {data.verified && <VerifiedBadge />}
+    <Link to={`/abrigo/${data.id}`} target="_blank">
+      <div className="flex flex-col p-4 w-full border-2 border-border rounded-md gap-1 relative hover:bg-accent">
+        <div className="inline-flex justify-between">
+          <div className="flex flex-row items-center gap-1">
+            <h3 className="font-semibold text-lg h-full hover:cursor-pointer hover:text-slate-500">
+              {data.name}
+            </h3>
+            {data.verified && (
+              <div className="h-full pt-1">
+                <VerifiedBadge />
+              </div>
+            )}
+          </div>
+          <Button size="sm" variant="ghost">
+            <ChevronRight className="h-5 w-5" />
+          </Button>
+        </div>
+        <h6 className={cn('font-semibold text-md', availabilityClassName)}>
+          {availability}
+        </h6>
+        <h6 className="text-muted-foreground text-sm md:text-lg font-medium">
+          {data.address}
+        </h6>
+        {data.shelterSupplies.length > 0 && (
+          <>
+            <ShelterSupplyCategoryRow
+              title="Necessita voluntários:"
+              tags={tags.NeedVolunteers.map(getChipProps)}
+            />
+            <ShelterSupplyCategoryRow
+              title="Necessita urgente doações de:"
+              tags={tags.NeedDonations.map(getChipProps)}
+            />
+            <ShelterSupplyCategoryRow
+              title="Sobrando para doações:"
+              tags={tags.RemainingSupplies.map(getChipProps)}
+            />
+          </>
+        )}
+        {data.updatedAt && (
+          <small className="text-sm md:text-md font-light text-muted-foreground mt-2">
+            Atualizado em {format(data.updatedAt, 'dd/MM/yyyy HH:mm')}
+          </small>
+        )}
       </div>
+<<<<<<< HEAD
       <h6 className={cn('font-semibold text-md', availabilityClassName)}>
         {availability}
       </h6>
@@ -150,6 +186,9 @@ const ShelterListItem = (props: IShelterListItemProps) => {
       )}
     </div>
 >>>>>>> 3d3f437 (merge: develop -> master (#91))
+=======
+    </Link>
+>>>>>>> 4e0d9c0 (Release 0.0.1 (#135))
   );
 };
 

src/pages/Home/components/ShelterListView/ShelterListView.tsx

@@ -92,13 +92,14 @@ const ShelterListView = React.forwardRef<HTMLDivElement, IShelterListViewProps>(
           {loading ? (
             <LoadingSkeleton amountItems={4} />
 
+
           ) : data.length === 0 ? (
             <NoFoundSearch />
           ) : (
             <Fragment>
               {data.map((s, idx) => (
-                <ShelterListItem key={idx} data={s} />
 
+                <ShelterListItem key={idx} data={s} />
               ))}
               {hasMoreItems ? (
                 <Button