From c555df3ff796923026539e41ce5d0b365c4509ee Mon Sep 17 00:00:00 2001
From: Maksym Bykovskyy <maksym@bykovskyy.com>
Date: Fri, 6 Mar 2020 13:32:50 -0800
Subject: [PATCH] Renamed entrypoint fieldname

---
 .../src/components/configure/compile-pane.tsx    |  4 ++--
 .../src/components/configure/deploy-pane.tsx     |  4 ++--
 .../src/components/configure/dry-run-pane.tsx    |  4 ++--
 .../configure/evaluate-function-pane.tsx         |  2 +-
 .../components/configure/evaluate-value-pane.tsx |  2 +-
 .../client/src/components/form/inputs.tsx        | 16 ++++++++++++++++
 6 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/tools/webide/packages/client/src/components/configure/compile-pane.tsx b/tools/webide/packages/client/src/components/configure/compile-pane.tsx
index 21fb4c3bc..9093357fb 100644
--- a/tools/webide/packages/client/src/components/configure/compile-pane.tsx
+++ b/tools/webide/packages/client/src/components/configure/compile-pane.tsx
@@ -5,7 +5,7 @@ import styled from 'styled-components';
 import { AppState } from '../../redux/app';
 import { ChangeEntrypointAction, ChangeMichelsonFormatAction, CompileState, MichelsonFormat } from '../../redux/compile';
 import { CheckboxComponent } from '../form/checkbox';
-import { Group, HGroup, Input, Label } from '../form/inputs';
+import { AccessFunctionLabel, Group, HGroup, Input, Label } from '../form/inputs';
 
 const Container = styled.div``;
 
@@ -26,7 +26,7 @@ export const CompilePaneComponent = () => {
   return (
     <Container>
       <Group>
-        <Label htmlFor="entrypoint">Entrypoint</Label>
+        <AccessFunctionLabel htmlFor="entrypoint"></AccessFunctionLabel>
         <Input
           id="entrypoint"
           value={entrypoint}
diff --git a/tools/webide/packages/client/src/components/configure/deploy-pane.tsx b/tools/webide/packages/client/src/components/configure/deploy-pane.tsx
index 0522fc3bc..28bca8647 100644
--- a/tools/webide/packages/client/src/components/configure/deploy-pane.tsx
+++ b/tools/webide/packages/client/src/components/configure/deploy-pane.tsx
@@ -5,7 +5,7 @@ import styled from 'styled-components';
 import { AppState } from '../../redux/app';
 import { ChangeEntrypointAction, ChangeStorageAction, DeployState, UseTezBridgeAction } from '../../redux/deploy';
 import { CheckboxComponent } from '../form/checkbox';
-import { Group, HGroup, Input, Label, Textarea } from '../form/inputs';
+import { AccessFunctionLabel, Group, HGroup, Input, Label, Textarea } from '../form/inputs';
 
 const Container = styled.div``;
 
@@ -33,7 +33,7 @@ export const DeployPaneComponent = () => {
   return (
     <Container>
       <Group>
-        <Label htmlFor="entrypoint">Entrypoint</Label>
+        <AccessFunctionLabel htmlFor="entrypoint"></AccessFunctionLabel>
         <Input
           id="entrypoint"
           value={entrypoint}
diff --git a/tools/webide/packages/client/src/components/configure/dry-run-pane.tsx b/tools/webide/packages/client/src/components/configure/dry-run-pane.tsx
index 501f91972..e89a4d5e8 100644
--- a/tools/webide/packages/client/src/components/configure/dry-run-pane.tsx
+++ b/tools/webide/packages/client/src/components/configure/dry-run-pane.tsx
@@ -4,7 +4,7 @@ import styled from 'styled-components';
 
 import { AppState } from '../../redux/app';
 import { ChangeEntrypointAction, ChangeParametersAction, ChangeStorageAction, DryRunState } from '../../redux/dry-run';
-import { Group, Input, Label, Textarea } from '../form/inputs';
+import { AccessFunctionLabel, Group, Input, Label, Textarea } from '../form/inputs';
 
 const Container = styled.div``;
 
@@ -23,7 +23,7 @@ export const DryRunPaneComponent = () => {
   return (
     <Container>
       <Group>
-        <Label htmlFor="entrypoint">Entrypoint</Label>
+        <AccessFunctionLabel htmlFor="entrypoint"></AccessFunctionLabel>
         <Input
           id="entrypoint"
           value={entrypoint}
diff --git a/tools/webide/packages/client/src/components/configure/evaluate-function-pane.tsx b/tools/webide/packages/client/src/components/configure/evaluate-function-pane.tsx
index d9fe87482..73272099f 100644
--- a/tools/webide/packages/client/src/components/configure/evaluate-function-pane.tsx
+++ b/tools/webide/packages/client/src/components/configure/evaluate-function-pane.tsx
@@ -20,7 +20,7 @@ export const EvaluateFunctionPaneComponent = () => {
   return (
     <Container>
       <Group>
-        <Label htmlFor="entrypoint">Entrypoint</Label>
+        <Label htmlFor="entrypoint">Function name</Label>
         <Input
           id="entrypoint"
           value={entrypoint}
diff --git a/tools/webide/packages/client/src/components/configure/evaluate-value-pane.tsx b/tools/webide/packages/client/src/components/configure/evaluate-value-pane.tsx
index 87e3a7f60..7d720d99d 100644
--- a/tools/webide/packages/client/src/components/configure/evaluate-value-pane.tsx
+++ b/tools/webide/packages/client/src/components/configure/evaluate-value-pane.tsx
@@ -17,7 +17,7 @@ export const EvaluateValuePaneComponent = () => {
   return (
     <Container>
       <Group>
-        <Label htmlFor="entrypoint">Entrypoint</Label>
+        <Label htmlFor="entrypoint">Expression</Label>
         <Input
           id="entrypoint"
           value={entrypoint}
diff --git a/tools/webide/packages/client/src/components/form/inputs.tsx b/tools/webide/packages/client/src/components/form/inputs.tsx
index aa9ffa039..721a171bd 100644
--- a/tools/webide/packages/client/src/components/form/inputs.tsx
+++ b/tools/webide/packages/client/src/components/form/inputs.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import styled from 'styled-components';
 
 export const Group = styled.div`
@@ -16,6 +17,21 @@ export const Label = styled.label`
   user-select: none;
 `;
 
+export const Hint = styled.span`
+  font-style: italic;
+  font-size: 0.8em;
+`;
+
+export const AccessFunctionLabel = (props: any) => {
+  return (
+    <Label {...props}>
+      Access Function
+      <br />
+      <Hint>The function name from where your contract will start</Hint>
+    </Label>
+  );
+};
+
 export const Input = styled.input`
   margin: 0.3em 0 0.7em 0;
   background-color: var(--input_background);