diff --git a/src/components/AppView/AppView.stories.mdx b/src/components/AppView/AppView.stories.mdx index aee0d6e..9d40fcd 100644 --- a/src/components/AppView/AppView.stories.mdx +++ b/src/components/AppView/AppView.stories.mdx @@ -5,13 +5,11 @@ The primary view for webqueue2. -export const Template = (props) => - # AppView without queue selected - {Template.bind({})} + {args => } diff --git a/src/components/Assignment/Assignment.stories.mdx b/src/components/Assignment/Assignment.stories.mdx index c83794e..fd84f5d 100644 --- a/src/components/Assignment/Assignment.stories.mdx +++ b/src/components/Assignment/Assignment.stories.mdx @@ -6,15 +6,12 @@ Renders a string representation of an assignment with a relative time. -export const Template = (props) => - - - {Template.bind({})} + {args => } \ No newline at end of file diff --git a/src/components/CurrentBreakPoint/CurrentBreakPoint.stories.mdx b/src/components/CurrentBreakPoint/CurrentBreakPoint.stories.mdx index 8ae90d0..fb260ce 100644 --- a/src/components/CurrentBreakPoint/CurrentBreakPoint.stories.mdx +++ b/src/components/CurrentBreakPoint/CurrentBreakPoint.stories.mdx @@ -17,11 +17,9 @@ decorators={[ (Story) => ( ),]} component={CurrentBreakPoint} /> -export const Template = (props) => - - {Template.bind({})} + {args => } diff --git a/src/components/DirectoryInformation/DirectoryInformation.stories.mdx b/src/components/DirectoryInformation/DirectoryInformation.stories.mdx index 61c4aa6..348cb93 100644 --- a/src/components/DirectoryInformation/DirectoryInformation.stories.mdx +++ b/src/components/DirectoryInformation/DirectoryInformation.stories.mdx @@ -3,12 +3,8 @@ import DirectoryInformation from './DirectoryInformation'; Displays the directory information as a table. - -export const Template = (props) => - - "Subject": "Upgrade system and Abaqus" } }}> - {Template.bind({})} + {args => } \ No newline at end of file diff --git a/src/components/EmailHeader/EmailHeader.stories.mdx b/src/components/EmailHeader/EmailHeader.stories.mdx index 50d5e48..76c852b 100644 --- a/src/components/EmailHeader/EmailHeader.stories.mdx +++ b/src/components/EmailHeader/EmailHeader.stories.mdx @@ -5,13 +5,11 @@ Displays an email header with name, email, time sent, and recipients if present. -export const Template = (props) => - Default usage, without props. - {Template.bind({})} + {args => } @@ -25,7 +23,7 @@ With `datetime`, `from_name` and `from_email` props. When `first_name` is passed to:[], cc:[] }}> - {Template.bind({})} + {args => } @@ -49,6 +47,6 @@ You can add to/cc data by passing `to` and `cc` props. } ] }}> - {Template.bind({})} + {args => } \ No newline at end of file diff --git a/src/components/ItemBodyView/ItemBodyView.stories.mdx b/src/components/ItemBodyView/ItemBodyView.stories.mdx index fa879a3..e1846cd 100644 --- a/src/components/ItemBodyView/ItemBodyView.stories.mdx +++ b/src/components/ItemBodyView/ItemBodyView.stories.mdx @@ -14,8 +14,6 @@ The ItemBodyView displays the seven actions possible in an item: -export const Template = (props) => - # ItemBodyView Loading Content (Loading) @@ -24,7 +22,7 @@ export const Template = (props) => {"queue": "ce", "number": 100, "lastUpdated": "09-28-20 01:26 PM", "headers": [{"type": "Merged-Time", "content": "Tue, 23 Jun 2020 13:31:53 -0400"}, {"type": "Merged-By", "content": "campb303"}, {"type": "QTime", "content": "1"}, {"type": "QTime-Updated-Time", "content": "Tue, 23 Jun 2020 13:28:50 EDT"}, {"type": "QTime-Updated-By", "content": "campb303"}, {"type": "Time", "content": "1"}, {"type": "Time-Updated-Time", "content": "Tue, 23 Jun 2020 13:28:50 EDT"}, {"type": "Time-Updated-By", "content": "campb303"}, {"type": "Replied-Time", "content": "Tue, 23 Jun 2020 13:28:48 -0400"}, {"type": "Replied-By", "content": "campb303"}, {"type": "Edited-Time", "content": "Tue, 23 Jun 2020 13:27:56 -0400"}, {"type": "Edited-By", "content": "campb303"}, {"type": "QAssigned-To", "content": "campb303"}, {"type": "QAssigned-To-Updated-Time", "content": "Tue, 23 Jun 2020 13:27:00 EDT"}, {"type": "QAssigned-To-Updated-By", "content": "campb303"}, {"type": "Assigned-To", "content": "campb303"}, {"type": "Assigned-To-Updated-Time", "content": "Tue, 23 Jun 2020 13:27:00 EDT"}, {"type": "Assigned-To-Updated-By", "content": "campb303"}, {"type": "QStatus", "content": "Dont Delete"}, {"type": "QStatus-Updated-Time", "content": "Tue, 23 Jun 2020 13:26:55 EDT"}, {"type": "QStatus-Updated-By", "content": "campb303"}, {"type": "Status", "content": "Dont Delete"}, {"type": "Status-Updated-Time", "content": "Tue, 23 Jun 2020 13:26:55 EDT"}, {"type": "Status-Updated-By", "content": "campb303"}, {"type": "Date", "content": "Tue, 23 Jun 2020 13:25:51 -0400"}, {"type": "From", "content": "Justin Campbell "}, {"type": "Message-ID", "content": "<911CE050-3240-4980-91DD-9C3EBB8DBCF8@purdue.edu>"}, {"type": "Subject", "content": "Beepboop"}, {"type": "To", "content": "cesite@ecn.purdue.edu"}, {"type": "Content-Type", "content": "text/plain; charset=\"utf-8\""}, {"type": "X-ECN-Queue-Original-Path", "content": "/home/pier/e/queue/Attachments/inbox/2020-06-23/208-original.txt"}, {"type": "X-ECN-Queue-Original-URL", "content": "https://engineering.purdue.edu/webqueue/Attachments/inbox/2020-06-23/208-original.txt"}], "content": [{"type": "directory_information", "Name": "Heyi Feng", "Login": "feng293", "Computer": "civil4147pc2.ecn", "Location": "HAMP 4147", "Email": "feng293@purdue.edu", "Phone": "5039154835", "Office": "", "UNIX Dir": "None", "Zero Dir": "U=\\\\myhome.itap.purdue.edu\\myhome\\%username%", "User ECNDB": "http://eng.purdue.edu/jump/2e29495", "Host ECNDB": "http://eng.purdue.edu/jump/2eccc3f", "Subject": "Upgrade system and Abaqus"}, {"type": "assignment", "datetime": "2020-06-23T13:27:00-0400", "by": "campb303", "to": "campb303"}, {"type": "initial_message", "datetime": "2020-06-23T13:25:51-0400", "from_name": "Justin Campbell", "user_email": "campb303@purdue.edu", "to": [{"name": "", "email": "cesite@ecn.purdue.edu"}], "cc": [], "content": ["Testtest\n"]}, {"type": "status", "datetime": "2020-06-23T13:26:55", "by": "campb303", "content": ["Dont Delete\n"]}, {"type": "edit", "datetime": "2020-06-23T13:27:56", "by": "campb303", "content": ["This be an edit my boy\n"]}, {"type": "reply_to_user", "datetime": "2020-06-23T13:28:18", "by": "campb303", "content": ["This be a reply my son\n", "\n", "Justin\n", "ECN\n"]}, {"type": "reply_from_user", "datetime": "2020-06-23T13:30:45-0400", "from_name": "Justin Campbell", "from_email": "campb303@purdue.edu", "cc": [], "content": ["X-ECN-Queue-Original-Path: /home/pier/e/queue/Attachments/inbox/2020-06-23/212-original.txt\n", "X-ECN-Queue-Original-URL: https://engineering.purdue.edu/webqueue/Attachments/inbox/2020-06-23/212-original.txt\n", "\n", "Huzzah!\n"]}], "isLocked": "ce 100 is locked by knewell using qvi", "userEmail": "campb303@purdue.edu", "userName": "Justin Campbell", "userAlias": "campb303", "assignedTo": "campb303", "subject": "Beepboop", "status": "Dont Delete", "priority": "", "department": "", "building": "", "dateReceived": "2020-06-23T13:25:51-0400"}, loading:true }}> - {Template.bind({})} + {args => } @@ -36,7 +34,7 @@ export const Template = (props) => {"queue": "ce", "number": 100, "lastUpdated": "09-28-20 01:26 PM", "headers": [{"type": "Merged-Time", "content": "Tue, 23 Jun 2020 13:31:53 -0400"}, {"type": "Merged-By", "content": "campb303"}, {"type": "QTime", "content": "1"}, {"type": "QTime-Updated-Time", "content": "Tue, 23 Jun 2020 13:28:50 EDT"}, {"type": "QTime-Updated-By", "content": "campb303"}, {"type": "Time", "content": "1"}, {"type": "Time-Updated-Time", "content": "Tue, 23 Jun 2020 13:28:50 EDT"}, {"type": "Time-Updated-By", "content": "campb303"}, {"type": "Replied-Time", "content": "Tue, 23 Jun 2020 13:28:48 -0400"}, {"type": "Replied-By", "content": "campb303"}, {"type": "Edited-Time", "content": "Tue, 23 Jun 2020 13:27:56 -0400"}, {"type": "Edited-By", "content": "campb303"}, {"type": "QAssigned-To", "content": "campb303"}, {"type": "QAssigned-To-Updated-Time", "content": "Tue, 23 Jun 2020 13:27:00 EDT"}, {"type": "QAssigned-To-Updated-By", "content": "campb303"}, {"type": "Assigned-To", "content": "campb303"}, {"type": "Assigned-To-Updated-Time", "content": "Tue, 23 Jun 2020 13:27:00 EDT"}, {"type": "Assigned-To-Updated-By", "content": "campb303"}, {"type": "QStatus", "content": "Dont Delete"}, {"type": "QStatus-Updated-Time", "content": "Tue, 23 Jun 2020 13:26:55 EDT"}, {"type": "QStatus-Updated-By", "content": "campb303"}, {"type": "Status", "content": "Dont Delete"}, {"type": "Status-Updated-Time", "content": "Tue, 23 Jun 2020 13:26:55 EDT"}, {"type": "Status-Updated-By", "content": "campb303"}, {"type": "Date", "content": "Tue, 23 Jun 2020 13:25:51 -0400"}, {"type": "From", "content": "Justin Campbell "}, {"type": "Message-ID", "content": "<911CE050-3240-4980-91DD-9C3EBB8DBCF8@purdue.edu>"}, {"type": "Subject", "content": "Beepboop"}, {"type": "To", "content": "cesite@ecn.purdue.edu"}, {"type": "Content-Type", "content": "text/plain; charset=\"utf-8\""}, {"type": "X-ECN-Queue-Original-Path", "content": "/home/pier/e/queue/Attachments/inbox/2020-06-23/208-original.txt"}, {"type": "X-ECN-Queue-Original-URL", "content": "https://engineering.purdue.edu/webqueue/Attachments/inbox/2020-06-23/208-original.txt"}], "content": [{"type": "directory_information", "Name": "Heyi Feng", "Login": "feng293", "Computer": "civil4147pc2.ecn", "Location": "HAMP 4147", "Email": "feng293@purdue.edu", "Phone": "5039154835", "Office": "", "UNIX Dir": "None", "Zero Dir": "U=\\\\myhome.itap.purdue.edu\\myhome\\%username%", "User ECNDB": "http://eng.purdue.edu/jump/2e29495", "Host ECNDB": "http://eng.purdue.edu/jump/2eccc3f", "Subject": "Upgrade system and Abaqus"}, {"type": "assignment", "datetime": "2020-06-23T13:27:00-0400", "by": "campb303", "to": "campb303"}, {"type": "initial_message", "datetime": "2020-06-23T13:25:51-0400", "from_name": "Justin Campbell", "user_email": "campb303@purdue.edu", "to": [{"name": "", "email": "cesite@ecn.purdue.edu"}], "cc": [], "content": ["Testtest\n"]}, {"type": "status", "datetime": "2020-06-23T13:26:55", "by": "campb303", "content": ["Dont Delete\n"]}, {"type": "edit", "datetime": "2020-06-23T13:27:56", "by": "campb303", "content": ["This be an edit my boy\n"]}, {"type": "reply_to_user", "datetime": "2020-06-23T13:28:18", "by": "campb303", "content": ["This be a reply my son\n", "\n", "Justin\n", "ECN\n"]}, {"type": "reply_from_user", "datetime": "2020-06-23T13:30:45-0400", "from_name": "Justin Campbell", "from_email": "campb303@purdue.edu", "cc": [], "content": ["X-ECN-Queue-Original-Path: /home/pier/e/queue/Attachments/inbox/2020-06-23/212-original.txt\n", "X-ECN-Queue-Original-URL: https://engineering.purdue.edu/webqueue/Attachments/inbox/2020-06-23/212-original.txt\n", "\n", "Huzzah!\n"]}], "isLocked": "ce 100 is locked by knewell using qvi", "userEmail": "campb303@purdue.edu", "userName": "Justin Campbell", "userAlias": "campb303", "assignedTo": "campb303", "subject": "Beepboop", "status": "Dont Delete", "priority": "", "department": "", "building": "", "dateReceived": "2020-06-23T13:25:51-0400"}, loading:false }}> - {Template.bind({})} + {args => } diff --git a/src/components/ItemHeaderView/ItemHeaderView.stories.mdx b/src/components/ItemHeaderView/ItemHeaderView.stories.mdx index e0bc07a..b6db2c3 100644 --- a/src/components/ItemHeaderView/ItemHeaderView.stories.mdx +++ b/src/components/ItemHeaderView/ItemHeaderView.stories.mdx @@ -7,12 +7,10 @@ It is based on [react-table](https://react-table.tanstack.com/). -export const Template = (props) => - - {Template.bind({})} + {args => } \ No newline at end of file diff --git a/src/components/ItemMetadataView/ItemMetadataView.stories.mdx b/src/components/ItemMetadataView/ItemMetadataView.stories.mdx index 9e99545..f14d6ad 100644 --- a/src/components/ItemMetadataView/ItemMetadataView.stories.mdx +++ b/src/components/ItemMetadataView/ItemMetadataView.stories.mdx @@ -5,13 +5,11 @@ The ItemMetadataView displays the metadata for an item as part of the [ItemView] -export const Template = (props) => - "}, {"type": "Message-ID", "content": "<911CE050-3240-4980-91DD-9C3EBB8DBCF8@purdue.edu>"}, {"type": "Subject", "content": "Beepboop"}, {"type": "To", "content": "cesite@ecn.purdue.edu"}, {"type": "Content-Type", "content": "text/plain; charset=\"utf-8\""}, {"type": "X-ECN-Queue-Original-Path", "content": "/home/pier/e/queue/Attachments/inbox/2020-06-23/208-original.txt"}], "content": ["Testtest\n", "\n", "*** Status updated by: campb303 at: 6/23/2020 13:26:55 ***\n", "Dont Delete\n", "*** Edited by: campb303 at: 06/23/20 13:27:56 ***\n", "\n", "This be an edit my boy\n", "\n", "\n", "\n", "*** Replied by: campb303 at: 06/23/20 13:28:18 ***\n", "\n", "This be a reply my son\n", "\n", "Justin\n", "ECN\n", "\n", "=== Additional information supplied by user ===\n", "\n", "Subject: Re: Beepboop\n", "From: Justin Campbell \n", "Date: Tue, 23 Jun 2020 13:30:45 -0400\n", "X-ECN-Queue-Original-Path: /home/pier/e/queue/Attachments/inbox/2020-06-23/212-original.txt\n", "X-ECN-Queue-Original-URL: https://engineering.purdue.edu/webqueue/Attachments/inbox/2020-06-23/212-original.txt\n", "\n", "Huzzah!\n", "\n", "===============================================\n"], "isLocked": "ce 100 is locked by knewell using qvi", "userEmail": "campb303@purdue.edu", "userName": "Justin Campbell", "userAlias": "campb303", "assignedTo": "campb303", "subject": "Beepboop", "status": "Dont Delete", "priority": "", "department": "", "building": "", "dateReceived": "Tue, 23 Jun 2020 13:25:51 -0400"} }}> - {Template.bind({})} + {args => } diff --git a/src/components/ItemProvider/ItemProvider.stories.mdx b/src/components/ItemProvider/ItemProvider.stories.mdx index 9f1d7b6..fcd42ef 100644 --- a/src/components/ItemProvider/ItemProvider.stories.mdx +++ b/src/components/ItemProvider/ItemProvider.stories.mdx @@ -14,6 +14,4 @@ For an in depth explanation of this pattern, see [this GitHub comment](https://g -export const Template = (props) => - - +export const Template = (props) => \ No newline at end of file diff --git a/src/components/ItemTable/ItemTable.stories.mdx b/src/components/ItemTable/ItemTable.stories.mdx index e5afca6..8c37299 100644 --- a/src/components/ItemTable/ItemTable.stories.mdx +++ b/src/components/ItemTable/ItemTable.stories.mdx @@ -6,8 +6,6 @@ It is based on [react-table](https://react-table.tanstack.com/). -export const Template = (props) => - # ItemTable Loading Content (Loading) @@ -16,7 +14,7 @@ export const Template = (props) => rowCanBeSelected:false, loading:true, }}> - {Template.bind({})} + {args => } @@ -32,6 +30,6 @@ export const Template = (props) => rowCanBeSelected:false, loading:false, }}> - {Template.bind({})} + {args => } diff --git a/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx b/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx index a14d47e..6e07059 100644 --- a/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx +++ b/src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx @@ -16,6 +16,6 @@ export const Template = (props) => title:"webqueue2", darkmode:false }}> - {Template.bind({})} + {args => } diff --git a/src/components/ItemTableCell/ItemTableCell.stories.mdx b/src/components/ItemTableCell/ItemTableCell.stories.mdx index d4d435f..0e5e5a9 100644 --- a/src/components/ItemTableCell/ItemTableCell.stories.mdx +++ b/src/components/ItemTableCell/ItemTableCell.stories.mdx @@ -14,15 +14,13 @@ decorators={[ (Story) => ( ),]} component={ItemTableCell}/> -export const Template = (props) => - ## Default Usage - {Template.bind({})} + {args => } @@ -35,6 +33,6 @@ Props can be passed to the TableCell component using the TableCellProps prop. children:"Hello, moto!", TableCellProps:{ component: Paper, variant: "footer" } }}> - {Template.bind({})} + {args => } diff --git a/src/components/ItemTableFilter/ItemTableFilter.stories.mdx b/src/components/ItemTableFilter/ItemTableFilter.stories.mdx index 07d3178..37185a8 100644 --- a/src/components/ItemTableFilter/ItemTableFilter.stories.mdx +++ b/src/components/ItemTableFilter/ItemTableFilter.stories.mdx @@ -12,8 +12,6 @@ This ItemTableFilter double as a column header and entry box for filtering in a ),]} component={ItemTableFilter}/> -export const Template = (props) => - # Default Usage @@ -21,6 +19,6 @@ export const Template = (props) => label:"Search", onChange:() => null }}> - {Template.bind({})} + {args => } \ No newline at end of file diff --git a/src/components/ItemView/ItemView.stories.mdx b/src/components/ItemView/ItemView.stories.mdx index 9aaa699..851cfb7 100644 --- a/src/components/ItemView/ItemView.stories.mdx +++ b/src/components/ItemView/ItemView.stories.mdx @@ -5,10 +5,8 @@ import ItemProvider, { useItem, useItemSetter } from "../ItemProvider"; The ItemView is the primary view for an item. It displays the messages and actions in a timeline view. - - export const Template = () => { const item = {"queue": "ce", "number": 100, "lastUpdated": "07-23-20 10:11 PM", "headers": [{"type": "Merged-Time", "content": "Tue, 23 Jun 2020 13:31:53 -0400"}, {"type": "Merged-By", "content": "campb303"}, {"type": "QTime", "content": "1"}, {"type": "QTime-Updated-Time", "content": "Tue, 23 Jun 2020 13:28:50 EDT"}, {"type": "QTime-Updated-By", "content": "campb303"}, {"type": "Time", "content": "1"}, {"type": "Time-Updated-Time", "content": "Tue, 23 Jun 2020 13:28:50 EDT"}, {"type": "Time-Updated-By", "content": "campb303"}, {"type": "Replied-Time", "content": "Tue, 23 Jun 2020 13:28:48 -0400"}, {"type": "Replied-By", "content": "campb303"}, {"type": "Edited-Time", "content": "Tue, 23 Jun 2020 13:27:56 -0400"}, {"type": "Edited-By", "content": "campb303"}, {"type": "QAssigned-To", "content": "campb303"}, {"type": "QAssigned-To-Updated-Time", "content": "Tue, 23 Jun 2020 13:27:00 EDT"}, {"type": "QAssigned-To-Updated-By", "content": "campb303"}, {"type": "Assigned-To", "content": "campb303"}, {"type": "Assigned-To-Updated-Time", "content": "Tue, 23 Jun 2020 13:27:00 EDT"}, {"type": "Assigned-To-Updated-By", "content": "campb303"}, {"type": "QStatus", "content": "Dont Delete"}, {"type": "QStatus-Updated-Time", "content": "Tue, 23 Jun 2020 13:26:55 EDT"}, {"type": "QStatus-Updated-By", "content": "campb303"}, {"type": "Status", "content": "Dont Delete"}, {"type": "Status-Updated-Time", "content": "Tue, 23 Jun 2020 13:26:55 EDT"}, {"type": "Status-Updated-By", "content": "campb303"}, {"type": "Date", "content": "Tue, 23 Jun 2020 13:25:51 -0400"}, {"type": "From", "content": "Justin Campbell "}, {"type": "Message-ID", "content": "<911CE050-3240-4980-91DD-9C3EBB8DBCF8@purdue.edu>"}, {"type": "Subject", "content": "Beepboop"}, {"type": "To", "content": "cesite@ecn.purdue.edu"}, {"type": "Content-Type", "content": "text/plain; charset=\"utf-8\""}, {"type": "X-ECN-Queue-Original-Path", "content": "/home/pier/e/queue/Attachments/inbox/2020-06-23/208-original.txt"}], "content": ["Testtest\n", "\n", "*** Status updated by: campb303 at: 6/23/2020 13:26:55 ***\n", "Dont Delete\n", "*** Edited by: campb303 at: 06/23/20 13:27:56 ***\n", "\n", "This be an edit my boy\n", "\n", "\n", "\n", "*** Replied by: campb303 at: 06/23/20 13:28:18 ***\n", "\n", "This be a reply my son\n", "\n", "Justin\n", "ECN\n", "\n", "=== Additional information supplied by user ===\n", "\n", "Subject: Re: Beepboop\n", "From: Justin Campbell \n", "Date: Tue, 23 Jun 2020 13:30:45 -0400\n", "X-ECN-Queue-Original-Path: /home/pier/e/queue/Attachments/inbox/2020-06-23/212-original.txt\n", "X-ECN-Queue-Original-URL: https://engineering.purdue.edu/webqueue/Attachments/inbox/2020-06-23/212-original.txt\n", "\n", "Huzzah!\n", "\n", "===============================================\n"], "isLocked": "ce 100 is locked by knewell using qvi", "userEmail": "campb303@purdue.edu", "userName": "Justin Campbell", "userAlias": "campb303", "assignedTo": "campb303", "subject": "Beepboop", "status": "Dont Delete", "priority": "", "department": "", "building": "", "dateReceived": "Tue, 23 Jun 2020 13:25:51 -0400"}; const setItem = useItemSetter(); diff --git a/src/components/ItemViewAppBar/ItemViewAppBar.stories.mdx b/src/components/ItemViewAppBar/ItemViewAppBar.stories.mdx index ab8051c..b687ccd 100644 --- a/src/components/ItemViewAppBar/ItemViewAppBar.stories.mdx +++ b/src/components/ItemViewAppBar/ItemViewAppBar.stories.mdx @@ -5,7 +5,7 @@ The ItemViewAppBar is the primary toolbar for the [ItemView](/?path=/docs/compon -export const Template = (props) => + # Default Usage @@ -14,6 +14,6 @@ export const Template = (props) => title:"ce 100", setSidebarOpen:() => null }}> - {Template.bind({})} + {args => } \ No newline at end of file diff --git a/src/components/LastUpdatedCell/LastUpdatedCell.stories.mdx b/src/components/LastUpdatedCell/LastUpdatedCell.stories.mdx index ff532f3..7bcb260 100644 --- a/src/components/LastUpdatedCell/LastUpdatedCell.stories.mdx +++ b/src/components/LastUpdatedCell/LastUpdatedCell.stories.mdx @@ -3,15 +3,13 @@ import LastUpdatedCell from "./LastUpdatedCell"; -export const Template = (props) => - # Today - {Template.bind({})} + {args => } @@ -21,7 +19,7 @@ export const Template = (props) => - {Template.bind({})} + {args => } @@ -31,7 +29,7 @@ export const Template = (props) => - {Template.bind({})} + {args => } diff --git a/src/components/LoginForm/LoginForm.stories.mdx b/src/components/LoginForm/LoginForm.stories.mdx index 3b14b0f..c0103dc 100644 --- a/src/components/LoginForm/LoginForm.stories.mdx +++ b/src/components/LoginForm/LoginForm.stories.mdx @@ -5,13 +5,11 @@ The LoginForm acts as the only public facing page for the webqueue2. If any part -export const Template = (props) => - # Default - {Template.bind({})} - + {args => } + diff --git a/src/components/MessageView/MessageView.stories.mdx b/src/components/MessageView/MessageView.stories.mdx index d29b0d6..e2710c9 100644 --- a/src/components/MessageView/MessageView.stories.mdx +++ b/src/components/MessageView/MessageView.stories.mdx @@ -5,13 +5,11 @@ The MessageView displays an [EmailHeader](/?path=/docs/components-emailheader--d -export const Template = (props) => - # Default - {Template.bind({})} + {args => } @@ -42,6 +40,6 @@ export const Template = (props) => "HAMP 1141G\n" ], }}> - {Template.bind({})} + {args => } \ No newline at end of file diff --git a/src/components/ParseError/ParseError.stories.mdx b/src/components/ParseError/ParseError.stories.mdx index 3196d03..4237dc8 100644 --- a/src/components/ParseError/ParseError.stories.mdx +++ b/src/components/ParseError/ParseError.stories.mdx @@ -5,8 +5,6 @@ Displays a parsing error. -export const Template = (props) => - # Today @@ -18,7 +16,7 @@ export const Template = (props) => got: "765-869-4032 to assist please?\tThank you\n", line_num: 120 }}> - {Template.bind({})} + {args => } diff --git a/src/components/PrivateRoute/PrivateRoute.stories.mdx b/src/components/PrivateRoute/PrivateRoute.stories.mdx index 9990924..b8d85ae 100644 --- a/src/components/PrivateRoute/PrivateRoute.stories.mdx +++ b/src/components/PrivateRoute/PrivateRoute.stories.mdx @@ -5,5 +5,3 @@ The PrivateRoute wraps [React Router](https://reactrouter.com/)'s [Route compone export const Template = (props) => - - diff --git a/src/components/QueueSelector/QueueSelector.stories.mdx b/src/components/QueueSelector/QueueSelector.stories.mdx index ea5d628..bbe3554 100644 --- a/src/components/QueueSelector/QueueSelector.stories.mdx +++ b/src/components/QueueSelector/QueueSelector.stories.mdx @@ -13,8 +13,6 @@ decorators={[ (Story) => ( ),]} component={QueueSelector}/> -export const Template = (props) => - # QueueSelector Default @@ -37,7 +35,7 @@ export const Template = (props) => ], setValue:() => null }}> - {Template.bind({})} + {args => } @@ -63,7 +61,7 @@ export const Template = (props) => ], setValue:() => null }}> - {Template.bind({})} + {args => } diff --git a/src/components/TeamMemberCard/TeamMemberCard.stories.mdx b/src/components/TeamMemberCard/TeamMemberCard.stories.mdx index 40d508f..f1c7c71 100644 --- a/src/components/TeamMemberCard/TeamMemberCard.stories.mdx +++ b/src/components/TeamMemberCard/TeamMemberCard.stories.mdx @@ -6,11 +6,8 @@ The TeamMemberCard is used to give a quick summary on people that have worked on If no image is provided the profile image is replaced with the first initial of the team memebers first name. - -export const Template = (props) => - imageUrl:"https://icatcare.org/app/uploads/2018/07/Thinking-of-getting-a-cat.png", children:"Some content here." }}> -{Template.bind({})} +{args => } diff --git a/src/components/TimelineActionCard/TimelineActionCard.stories.mdx b/src/components/TimelineActionCard/TimelineActionCard.stories.mdx index ef76289..8712f6e 100644 --- a/src/components/TimelineActionCard/TimelineActionCard.stories.mdx +++ b/src/components/TimelineActionCard/TimelineActionCard.stories.mdx @@ -6,8 +6,6 @@ Renders a card like view for an action with free form text content like an Edit -export const Template = (props) => - # Edit @@ -19,7 +17,7 @@ export const Template = (props) => "This be an edit my boy\n" ] }}> - {Template.bind({})} + {args => } @@ -37,7 +35,7 @@ export const Template = (props) => "ECN\n" ] }}> - {Template.bind({})} + {args => } diff --git a/src/components/TimelineSkeleton/TimelineSkeleton.stories.mdx b/src/components/TimelineSkeleton/TimelineSkeleton.stories.mdx index 0b9469d..eeb56e7 100644 --- a/src/components/TimelineSkeleton/TimelineSkeleton.stories.mdx +++ b/src/components/TimelineSkeleton/TimelineSkeleton.stories.mdx @@ -5,13 +5,10 @@ Renders a skeleton UI to indicate loading of a timeline item. -export const Template = (props) => - - - {Template.bind({})} - + {args => } + diff --git a/src/components/UserAvatar/UserAvatar.stories.mdx b/src/components/UserAvatar/UserAvatar.stories.mdx index 9311a22..f644f7c 100644 --- a/src/components/UserAvatar/UserAvatar.stories.mdx +++ b/src/components/UserAvatar/UserAvatar.stories.mdx @@ -5,14 +5,12 @@ The UserAvatar displays a graphical representation of a person. -export const Template = (props) => - ## Default Usage Used without any props, the UserAvatar will display a generic person icon. - {Template.bind({})} + {args => } @@ -23,7 +21,7 @@ If the `name` prop is passed, the UserAvatar will display the first letter of th - {Template.bind({})} + {args => } @@ -35,6 +33,6 @@ All props other than `name` are passed to the underlying [MUI Avatar component]( name:"Jane Doe", variant:"square" }}> - {Template.bind({})} + {args => } \ No newline at end of file