fixed syntax errors (#268)

justinezahiri · web-flow · commit d27d0ebea7b3 · 2021-02-02T15:41:14.000+01:00
* fixed syntax errors

* fixed edit link and icon

* fixed syntax error in show
diff --git a/templates/next/components/foo/Form.tsx b/templates/next/components/foo/Form.tsx
@@ -30,11 +30,11 @@ export const Form: FunctionComponent<Props> = ({ {{{lc}}} }) => {
 		<div>
       <div>
         <Head>
-          <title>{ {{{lc}}} ? `Edit {{{ucf}}} ${ {{{~lc}}}['@id']}` : `Create {{{ucf}}}` }</title>
-          <meta property="og:title" content="{{{lc}}} ? `Edit {{{ucf}}} ${ {{{~lc}}}['@id']}` : `Create {{{ucf}}}`"  />
+          <title>{ {{{lc}}} ? `Edit {{{ucf}}} ${ {{~lc}}['@id']}` : `Create {{{ucf}}}` }</title>
+          <meta property="og:title" content={ {{{lc}}} ? `Edit {{{ucf}}} ${ {{~lc}}['@id']}` : `Create {{{ucf}}}` }  />
         </Head>
       </div>
-      <h1>{{{lc}}} ? `Edit {{{ucf}}} ${ {{{~lc}}}['@id']}` : `Create {{{ucf}}}`</h1>
+      <h1>{ {{{lc}}} ? `Edit {{{ucf}}} ${ {{~lc}}['@id']}` : `Create {{{ucf}}}` }</h1>
       <Formik
         initialValues={ {{~lc}} ? {...{{lc~}} } : new {{{ucf}}}()}
         validate={(values) => {
diff --git a/templates/next/components/foo/List.tsx b/templates/next/components/foo/List.tsx
@@ -38,8 +38,14 @@ export const List: FunctionComponent<Props> = ({ {{{name}}} }) => (
               <td>{{#if reference}}<ReferenceLinks items={ {{{../lc}}}['{{{name}}}'] } type="{{{reference.title}}}" />{{else}}{ {{{../lc}}}['{{{name}}}'] }{{/if}}</td>
             {{/each}}
             <td><ReferenceLinks items={ {{{lc}}}['@id'] } type="{{{lc}}}" useIcon={true} /></td>
-            <br></br>
-            <Link  href={`${ {{~lc}}["@id"]}/edit`}>Edit</Link>
+           <td>
+            <Link href={`${ {{~lc}}["@id"]}/edit`}>
+              <a>
+                <i className="bi bi-pen" aria-hidden="true" />
+                <span className="sr-only">Edit</span>
+              </a>
+            </Link>
+           </td>
           </tr>
         ))}
       </tbody>
diff --git a/templates/next/components/foo/Show.tsx b/templates/next/components/foo/Show.tsx
@@ -27,14 +27,14 @@ export const Show: FunctionComponent<Props> = ({ {{{lc}}} }) => {
   };
 
   return (
-    <h1>
+    <div>
       <div>
         <Head>
-        <title>{`Show {{{ucf}}} ${ {{{~lc}}}['@id']}`}</title>
-          <meta property="og:title" content=`Show {{{ucf}}} ${ {{{~lc}}}['@id']}` key="title" />
+        <title>{`Show {{{ucf}}} ${ {{~lc}}['@id']}`}</title>
+          <meta property="og:title" content={`Show {{{ucf}}} ${ {{~lc}}['@id']}`} key="title" />
         </Head>
       </div>
-      <h1>{`Show {{{ucf}}} ${ {{{~lc}}}['@id']}`}</h1>
+      <h1>{`Show {{{ucf}}} ${ {{~lc}}['@id']}`}</h1>
       <table className="table table-responsive table-striped table-hover">
         <thead>
         <tr>
