polish

extensions/ql-vscode/src/view/method-modeling/MethodModeling.tsx

@@ -16,7 +16,7 @@ const Title = styled.div`
   font-size: 1.2em;
 `;
 
-const DependencyBox = styled.div`
+const DependencyContainer = styled.div`
   display: flex;
   justify-content: space-between;
 `;
@@ -34,10 +34,10 @@ export const MethodModeling = (props: MethodModelingProps) => {
   return (
     <Container>
       <Title>API or Method</Title>
-      <DependencyBox>
+      <DependencyContainer>
         <DependencyName>that.dependency.THENAME</DependencyName>
         <ModelingStatusIndicator status={modelingStatus} />
-      </DependencyBox>
+      </DependencyContainer>
     </Container>
   );
 };

extensions/ql-vscode/src/view/method-modeling/MethodModelingView.tsx

@@ -22,5 +22,5 @@ export function MethodModelingView(): JSX.Element {
   }, []);
 
   const modelingStatus: ModelingStatus = "saved";
-  return <MethodModeling {...{ modelingStatus }} />;
+  return <MethodModeling modelingStatus={modelingStatus} />;
 }

extensions/ql-vscode/src/view/method-modeling/__tests__/MethodModeling.spec.tsx

@@ -6,7 +6,7 @@ describe(MethodModeling.name, () => {
   const render = (props: MethodModelingProps) =>
     reactRender(<MethodModeling {...props} />);
 
-  it("renders method modeling panel", () => {
+  it("renders method name", () => {
     render({ modelingStatus: "saved" });
 
     expect(screen.getByText("that.dependency.THENAME")).toBeInTheDocument();