refactor: renaming

plugins/circleci/src/components/App.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Switch, Route } from 'react-router';
 import { BuildsPage } from '../pages/BuildsPage';
 import { SettingsPage } from '../pages/SettingsPage';
-import { DetailedViewPage } from '../pages/DetailedViewPage';
+import { DetailedViewPage } from '../pages/BuildWithStepsPage';
 import { AppStateProvider } from '../state';
 
 export const App = () => (

plugins/circleci/src/pages/BuildWithStepsPage/BuildWithStepsPage.tsx

@@ -86,7 +86,7 @@ const pickClassName = (
   return classes.neutral;
 };
 
-const DetailedViewPage: FC<{}> = () => {
+const BuildWithStepsPage: FC<{}> = () => {
   const { buildId = '' } = useParams();
   const classes = useStyles();
   const [settings] = useSettings();
@@ -150,4 +150,4 @@ const ActionsList: FC<{ actions: BuildStepAction[]; name: string }> = ({
   );
 };
 
-export default DetailedViewPage;
+export default BuildWithStepsPage;

plugins/circleci/src/pages/BuildWithStepsPage/index.ts

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { default as DetailedViewPage } from './DetailedViewPage';
+export { default as DetailedViewPage } from './BuildWithStepsPage';

plugins/circleci/src/pages/BuildWithStepsPage/lib/ActionOutput/ActionOutput.tsx

@@ -50,8 +50,8 @@ export const ActionOutput: FC<{
   const [messages, setMessages] = useState([]);
   useEffect(() => {
     fetch(url)
-      .then(res => res.json())
-      .then(actionOutput => {
+      .then((res) => res.json())
+      .then((actionOutput) => {
         if (typeof actionOutput !== 'undefined') {
           setMessages(
             actionOutput.map(({ message }: { message: string }) => message),