From fa2d5ba1afe7bd6abcb6f8dbd5f6252e0d7e87b1 Mon Sep 17 00:00:00 2001
From: Collin Barrett <collinbarrett@users.noreply.github.com>
Date: Sun, 16 Sep 2018 18:10:02 -0500
Subject: [PATCH] organizing react proj

---
 .../detailsExpander/LinkButtonGroup.tsx       | 20 +++++++++----------
 .../detailsExpander/infoCard/InfoCard.tsx     |  2 +-
 .../detailsExpander/infoCard/Languages.tsx    |  4 ++--
 .../detailsExpander/infoCard/Tag.tsx          | 10 ++++++----
 .../detailsExpander/infoCard/Tags.tsx         |  2 +-
 .../MaintainerAdditionalLists.tsx             |  2 +-
 .../MaintainersInfoCard.tsx                   |  3 ++-
 .../linkButtons/SubscribeButtonGroup.tsx      |  3 ++-
 .../linkButtons/ViewButtonGroup.tsx           |  3 ++-
 9 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/LinkButtonGroup.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/LinkButtonGroup.tsx
index 4a4fb535a..03debc3e5 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/LinkButtonGroup.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/LinkButtonGroup.tsx
@@ -30,15 +30,15 @@ interface IProps {
 export const LinkButtonGroup = (props: IProps) => {
     const viewUrlMirrors = new Array(props.viewUrlMirror1, props.viewUrlMirror2).filter(u => u);
     return <div className="col-3 p-0 btn-group-vertical justify-content-start d-flex align-items-end">
-               <SubscribeButtonGroup {...props} url={props.viewUrl} urlMirrors={viewUrlMirrors}/>
-               <ViewButtonGroup {...props} url={props.viewUrl} urlMirrors={viewUrlMirrors}/>
-               <HomeButton {...props} url={props.homeUrl}/>
-               <PolicyButton {...props} url={props.policyUrl}/>
-               <DonateButton {...props} url={props.donateUrl}/>
-               <IssuesButton {...props} url={props.issuesUrl}/>
-               <ForumButton {...props} url={props.forumUrl}/>
-               <ChatButton {...props} url={props.chatUrl}/>
-               <SubmitButton {...props} url={props.submissionUrl}/>
-               <EmailButton {...props} emailAddress={props.emailAddress}/>
+               <SubscribeButtonGroup name={props.name} url={props.viewUrl} urlMirrors={viewUrlMirrors}/>
+               <ViewButtonGroup name={props.name} url={props.viewUrl} urlMirrors={viewUrlMirrors}/>
+               <HomeButton name={props.name} url={props.homeUrl}/>
+               <PolicyButton name={props.name} url={props.policyUrl}/>
+               <DonateButton name={props.name} url={props.donateUrl}/>
+               <IssuesButton name={props.name} url={props.issuesUrl}/>
+               <ForumButton name={props.name} url={props.forumUrl}/>
+               <ChatButton name={props.name} url={props.chatUrl}/>
+               <SubmitButton name={props.name} url={props.submissionUrl}/>
+               <EmailButton name={props.name} emailAddress={props.emailAddress}/>
            </div>;
 };
\ No newline at end of file
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
index 06a399d1e..fd18f2b33 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
@@ -31,7 +31,7 @@ export const InfoCard = (props: IProps) => {
                <div className="d-md-none">
                    {props.syntax.supportedSoftware.map(
                        (s: ISyntaxSupportedSoftwareDto, i: number) =>
-                       <a href={s.homeUrl} title={`View ${s.name}'s homepage.`} key={i}>
+                       <a href={s.homeUrl} key={i}>
                            <SoftwareIcon id={s.id} key={i}/>
                        </a>)}
                </div>
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Languages.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Languages.tsx
index 3a36a71dc..0f95f3ec8 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Languages.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Languages.tsx
@@ -10,11 +10,11 @@ export const Languages = (props: IProps) => {
                  ? <li className="list-group-item">
                        <p className="m-0">Languages:</p>
                        <ul>
-                           {props.languages.map((language: string) => <li>{language}</li>)}
+                           {props.languages.map((language: string, i: number) => <li key={i}>{language}</li>)}
                        </ul>
                    </li>
                  : <li className="list-group-item">
-                       <p>Language: {props.languages.map((language: string) => language)}</p>
+                       <p>Language: {props.languages[0]}</p>
                    </li>
                : null;
 };
\ No newline at end of file
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Tag.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Tag.tsx
index d13aecd6d..7e94a4fa6 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Tag.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Tag.tsx
@@ -3,10 +3,12 @@ import { IListTagDto } from "../IFilterListDetailsDto";
 import { getContrast } from "../../../../../utils";
 
 export const Tag = (props: IListTagDto) => {
-    const style = {
-        backgroundColor: props.colorHex ? `#${props.colorHex}` : undefined,
-        color: props.colorHex ? getContrast(`${props.colorHex}`) : undefined
-    };
+    const style = props.colorHex
+                      ? {
+                          backgroundColor: `#${props.colorHex}`,
+                          color: getContrast(`${props.colorHex}`)
+                      }
+                      : undefined;
     return props.name
                ? <span className="badge"
                        style={style}
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Tags.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Tags.tsx
index e95c5ab74..ea808f9df 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Tags.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/Tags.tsx
@@ -9,7 +9,7 @@ interface IProps {
 export const Tags = (props: IProps) => {
     return props.tags.length > 0
                ? <div className="d-md-none">
-                     {props.tags.map((t: IListTagDto, i) => <Tag {...t} key={i}/>)}
+                     {props.tags.map((t: IListTagDto, i: number) => <Tag {...t} key={i}/>)}
                  </div>
                : null;
 };
\ No newline at end of file
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/maintainersInfoCard/MaintainerAdditionalLists.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/maintainersInfoCard/MaintainerAdditionalLists.tsx
index 2774b6111..d8e3b743e 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/maintainersInfoCard/MaintainerAdditionalLists.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/maintainersInfoCard/MaintainerAdditionalLists.tsx
@@ -13,7 +13,7 @@ export const MaintainerAdditionalLists = (props: IProps) => {
                           <h4>More by {props.name}:</h4>
                           <ul>
                               {props.additionalLists.map(
-                                  (l: IMaintainerAdditionalListDto, i) => <li key={i}>{l.name}</li>)}
+                                  (l: IMaintainerAdditionalListDto, i: number) => <li key={i}>{l.name}</li>)}
                           </ul>
 
                       </div>
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/maintainersInfoCard/MaintainersInfoCard.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/maintainersInfoCard/MaintainersInfoCard.tsx
index 999c1cf6a..c8e69d51c 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/maintainersInfoCard/MaintainersInfoCard.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/maintainersInfoCard/MaintainersInfoCard.tsx
@@ -9,7 +9,8 @@ interface IProps {
 export const MaintainersInfoCard = (props: IProps) => {
     return props.maintainers.length > 0
                ? <div className="w-100">
-                     {props.maintainers.map((m: IListMaintainerDto, i) => <MaintainerInfoCard {...m} key={i}/>)}
+                     {props.maintainers.map(
+                         (m: IListMaintainerDto, i: number) => <MaintainerInfoCard {...m} key={i}/>)}
                  </div>
                : null;
 };
\ No newline at end of file
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButtonGroup.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButtonGroup.tsx
index 54f72762c..15edd9c0a 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButtonGroup.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButtonGroup.tsx
@@ -35,7 +35,8 @@ const SubscribeButtonGroupDropdown = (props: ISubscribeButtonGroupDropdownProps)
                <div className="dropdown-menu" aria-labelledby="btnGroupDropSubscribe">
                    <SubscribeButton {...props} text={firstButtonText}/>
                    {props.urlMirrors.map(
-                       (m, i) => <SubscribeButton {...props} url={m} text={`Mirror ${i + 1 + mirrorIndex}`} key={i}/>)}
+                       (m: string, i: number) =>
+                       <SubscribeButton {...props} url={m} text={`Mirror ${i + 1 + mirrorIndex}`} key={i}/>)}
                </div>
            </div>;
 };
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/ViewButtonGroup.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/ViewButtonGroup.tsx
index 231014e91..6226098bf 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/ViewButtonGroup.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/ViewButtonGroup.tsx
@@ -35,7 +35,8 @@ const ViewButtonGroupDropdown = (props: IViewButtonGroupDropdownProps) => {
                <div className="dropdown-menu" aria-labelledby="btnGroupDropView">
                    <ViewButton {...props} text={firstButtonText}/>
                    {props.urlMirrors.map(
-                       (m, i) => <ViewButton {...props} url={m} text={`Mirror ${i + 1 + mirrorIndex}`} key={i}/>)}
+                       (m: string, i: number) =>
+                       <ViewButton {...props} url={m} text={`Mirror ${i + 1 + mirrorIndex}`} key={i}/>)}
                </div>
            </div>;
 };